为了账号安全,请及时绑定邮箱和手机立即绑定

Click事件不适用于动态生成的元素

Click事件不适用于动态生成的元素

牛魔王的故事 2019-05-27 10:52:56
<html><head>     <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">         $(document).ready(function() {             $("button").click(function() {                 $("h2").html("<p class='test'>click me</p>")             });                $(".test").click(function(){                 alert();             });         });     </script></head><body>     <h2></h2>     <button>generate new element</button></body></html>我试图生成类名称的新标签test中<h2>单击按钮。我还定义了一个与之关联的点击事件test。但事件不起作用。有人可以帮忙吗?
查看完整描述

4 回答

?
慕码人2483693

TA贡献1860条经验 获得超9个赞

将该.on()方法与委派事件一起使用

$('#staticParent').on('click', '.dynamicElement', function() {
    // Do something on an existent or future .dynamicElement});

.on()方法允许您将任何所需的事件处理程序委托给:以后添加到DOM的
当前元素或 将来的元素。

PS:不要用.live()!从jQuery 1.7+开始,该.live()方法已被弃用。


查看完整回答
反对 回复 2019-05-27
  • 4 回答
  • 0 关注
  • 480 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信