jquery append 动态添加的元素绑定事件on
2015-10-22 16:48
393 查看
用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete)。
具体不多说了,请看下面的代码吧。
具体不多说了,请看下面的代码吧。
<!DOCTYPE html"> <html> <head> <meta charset=UTF-8"> <title>测试</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //动态添加 $(".add").on("click",function(){ console.log("进来了"); $(".info").append('<div class="delete"><h3>单击我来删除我</h3></div>'); }); //对动态添加的元素添加事件-删除 $(".info").on("click",".delete",function(){ console.log("进来了Delete!"); $(this).remove(); }); }); </script> </head> <body> <h2 class='add'>单击我添加动态元素</h2> <div class="info"></div> </body> </html>
相关文章推荐
- iOS开发在项目中添加文件夹的步骤
- ios开发系列-准备工作
- AppStore遭遇大BUG
- Android 中input event的分析
- Android类-process
- Android 打造风格统一的导航之actionBar
- iOS开发本地缓存(数据离线缓存、读取、释放)
- cocos 3D特效
- android:设置密码隐藏与显示
- unity5.0正式发布了,看看带来哪些重要的新特性!
- ios NSUserDefaults存储数据(偏好设置)
- android初体验——HelloWord
- android 串口调试
- android Intent打开各种类型文件((PDF、word、excel、ppt、chm)
- android 串口调试
- Android 自定义控件
- iOS9适配系列教程
- Android ActionBar应用实战,高仿微信主界面的设计
- android初体验——HelloWord
- Android SDK manager国内无法更新的解决方案