JQuery中动态绑定事件的 .live() 方法失效

最新推荐文章于 2021-05-15 21:28:45 发布

当空醉

最新推荐文章于 2021-05-15 21:28:45 发布

阅读量316

点赞数

分类专栏： JavaScript jquery 文章标签： jquery

本文链接：https://blog.csdn.net/m0_51693209/article/details/111357694

版权

JavaScript 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

jquery

1 篇文章 0 订阅

订阅专栏

在jquery1.7版本之前，动态绑定事件用的是.live()方法，但之后，已经废弃了这个方法；
网上很多说用.on()替换了.live()方法，但尝试过后发现.on()方法并没有实现动态绑定事件的功能；

原因是什么呢？
因为你的.on()方法格式用错了，它不是单纯的将live换成on

解决方案：
一、如果现在还想用.live()方法的话只能用jquery1.7及之前的版本的js文件了；

js文件下载地址：
https://www.jq22.com/jquery-info122

二、.on()方法的正确格式
$(selector).on(event, childSelector,function)；
参数说明：
event：事件
childSelector：绑定事件的元素
function：规定事件发生时运行的函数
selector：childSelector的父元素，一定要写上！！

ep：

$(function(){
	$("#panel").on("click",".head",function ()
        {alert("你好");
    });
});
//下面是<body>标签代码部分
<body>
    <div id="panel">
        <h5 class="head">什么是jQuery？</h5>
        <div class="content">
            jQuery是继Prototype之后又一个优秀的JavaScript库，它是一个由John Resig 创。。。
        </div>
    </div>
</body>