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

来源：互联网发布：编写c语言用什么软件编辑：程序博客网时间：2024/05/28 19:23

场景：使用$(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>

阅读全文

1 0