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

访客4年前黑客资讯471

问题描述:在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设置与去除disabled属性的方法

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

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

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

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

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

jq什么意思(什么是jQuery)

jq什么意思(什么是jQuery)

jQuery也就是JavaScript和Query(查询),等于帮助JavaScript开拓的库。 jQuery优势: 1).轻量级 2).强大的选择器 3).精彩的DOM操纵封装 4).靠得住的...

jq什么意思?什么是jQuery

jq什么意思?什么是jQuery

什么是jQuery ? jQuery也就是JavaScript和Query(查询),即是辅助JavaScript开发的库。 jQuery优势: 1).轻量级 2).强大的选择器 3).出色的...

jQuery电商网站楼层滚动定位

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