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

访客4年前黑客资讯473

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

相关文章

fancybox3图片浮窗增强jQuery插件

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

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

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

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

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

jquery外链版本整理

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

jq什么意思?什么是jQuery

jq什么意思?什么是jQuery

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

jQuery电商网站楼层滚动定位

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