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

场景: 使用$(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>
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页