jquery绑定click等事件无效解决方法live替代$().click不执行

最新推荐文章于 2021-09-25 15:25:24 发布

有理想的猪肝

最新推荐文章于 2021-09-25 15:25:24 发布

阅读量3.7k

点赞数 1

分类专栏： # jquery 文章标签： jquery click事件 live替代绑定事件事件失效

本文链接：https://blog.csdn.net/ylxd_class/article/details/78789827

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

场景：使用$(xxx).click();绑定了ajax请求后追加的html代码中的某个元素时。出现事件失效的情况，这是因为绑定事件代码在元素出现之前就已经执行

>解决方法：可以使用live替代click，但是live方法在1.7中已经不建议使用，在1.9中删除了这个方法，并建议使用on方法来替代。具体实现demo如下：

<body>
    <button id="btn1">BTN1</button>
</body>
<script type="text/javascript">
/* 在id=btn1后面添加按钮 */
function addBtn(){
    var btn = $("<button></button>").append("BTN2").attr("id", "btn2");
    $("#btn1").after(btn);
}
$(function(){
    /* 2秒之后执行添加按钮方法 */
    setTimeout("addBtn()", 2000);
    /* 给新添加按钮绑定click事件 */
    $(document.body).on("click","#btn2", function(){
        alert("Hello Jquery !");
    });
});
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

有理想的猪肝

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jquery绑定click等事件无效解决方法live替代$().click不执行

使用$(xxx).click();绑定了ajax请求后追加的html代码中的某个元素时。出现事件失效的情况，这是因为绑定事件代码在元素出现之前就已经执行
复制链接

扫一扫