jquery中live方法换on方法出现问题的解决办法详解-tutorial js-php.cn

我未来追加的元素是 ajax拼接的
我的on是这样写的

$("td").on("click","a",function(){
alert("Aha!");
});

Salin selepas log masuk

这是页面的标签

<td><a class="topic_a" href="#creat"  name=&#39;${data.context }&#39;>选择</a></td>

Salin selepas log masuk

ajax拼接标签和上面标签一模一样的。

但我拼接的标签点击没有效果。
为什么啊？

请确保你用on绑定的时候 td 已经存在与dom中了..
还有..为什么live 可以因为live 是绑定在docuement上的..任何时候 document都是存在的..
你用的on 你的事件是绑定在td上的..如果当td不存在的时候肯定就绑定不上了

请多了解事件代理机制.

用delegate来替换吧

未来追加的元素中包括么？
包括的话就不能在 $("td")上绑定事件代理。
应该在更上层的元素上绑定事件代理
比如

或者

的父元素
实在不行在body或者document上绑定也可以
如

$("body").on("click","a",function(){
alert("Aha!");
});

Salin selepas log masuk

用on bind 这种。
先拼接，然后添加到页面上，接下里在绑定事件。
js里面，一样是逐行读取的。

绑定事件写在前面，之后来添加的td，当然就不会有这个事件。
同时确保，td已经写入到页面当中。

live方法是旧版本的jquery才有，on方法只能使用在页面上已有的标签；
想获取未来元素，只能用delegate方法了，具体写法如下：

//div是页面已经有的元素，button是js生成的未来元素！
$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

Salin selepas log masuk

 $(document).on(&#39;click&#39;, &#39;td a&#39;, function() {
    alert("Aha!");
  });

Salin selepas log masuk

 $("body").delegate("td","click",function(){
    alert("ok!");
  });

Salin selepas log masuk

你这样写吧

$("body").on("click","td a.topic_a",function(){
alert("Aha!");
});

Salin selepas log masuk

未来追加的元素中包括

么？
包括

的话就不能在 $("td")上绑定事件代理。
应该在更上层的元素上绑定事件代理
比如或者

的父元素
实在不行在body或者document上绑定也可以
如

$("body").on("click","a",function(){
alert("Aha!");
});

Salin selepas log masuk

Atas ialah kandungan terperinci jquery中live方法换on方法出现问题的解决办法详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

jquery live Muncul kaedah

sumber：php.cn

Artikel sebelumnya：jQuery1.9以上版本中删除了live以后的替代方法具体介绍 Artikel seterusnya：jQuery：die()的使用详解

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang