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

访客4年前黑客资讯454

问题描述:在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

相关文章

jq什么意思?什么是jQuery

jq什么意思?什么是jQuery

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

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

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

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,             ...

jq什么意思(什么是jQuery)

jq什么意思(什么是jQuery)

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

fancybox3图片浮窗增强jQuery插件

介绍:用于呈现各种类型媒体的javascript lightbox库。响应灵敏,触控灵活,可定制。 3.0主要就是功能多且美观 官方给出的最快使用方法 <!-- 1. Add latest...