jQuery动态append添加元素点击事件失效

访客3年前黑客资讯432

问题描述:在div中动态添加span米素,之后执行

$(selector).click(function(){var param = $(this).text();})

无法触发事件。

原因:append中的节点是在整个文档加载完之后开始添加,页面不会为append的米素初始化添加点击事件,故使用这种方式动态添加的节点中的click事件没有生效。

解决方案:事件委托方式解决,将指定的事件绑定在document上,只要append米素符合指定的米素,就会绑定此事件 。

$(document).on("click","指定的米素",function(){});
$(document).on("click", selector, function(){
        var param = $(this).text();})

转载于CSDN张小沫22

标签: jQuery

相关文章

jquery外链版本整理

jquery-2.1.1 (注!jquery-2.0以上版本不再支持IE 6/7/8) 百度引用地址 (推荐目前最稳定的,不会出现延时打不开情况)百度压缩版引用地址: <script src...

简单理解jQuery中$.getJSON、$.get、$.post、$.ajax用法

1.$.getJSON   $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为: $.getJSON(       url,             ...

aos.js超赞页面滚动元素动画特效jQuery动画库

简要教程 aos.js是一款效果超赞的页面滚动米素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的米素动画效果,以及多种easing效果。在页面往回滚动时,米素会恢复到原来的状态...

jQuery ajax请求json数据回调函数中data为undefined解决方法

首先要考虑json数据是否正确,dataType类型和返回类型是否一致 今天写模板的时候用的ajax获取文章,调用标准api接口,可是总是出错, 代码大概是这样的 $.ajax({       ...

jquery设置与去除disabled属性的方法

转载于csdn https://me.csdn.net/qq_40393093 jquery设置与去除disabled属性的方法 //两种方法设置disabled属性  $('#areaSele...

jQuery电商网站楼层滚动定位

转载于前端网 <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <tit...