小编Ral*_*k28的帖子

jQuery函数不绑定到新添加的dom元素

这是index.html:

<head>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  <script type="text/javascript">

    $(document).ready(function() {
      $('.btn_test').click(function() { alert('test'); });
    });

    function add(){
      $('body').append('<a href=\'javascript:;\' class=\'btn_test\'>test</a>');
    }

  </script>
</head>
<body>
  <a href="javascript:;" class="btn_test">test1</a>
  <a href="javascript:;" onclick="add()">add</a>
</body>
Run Code Online (Sandbox Code Playgroud)

如果我点击test1链接,它会显示alert('test'),但是如果我点击add链接然后点击test,它就不会显示任何内容.

你能解释一下吗?

javascript jquery onclick

75
推荐指数
5
解决办法
7万
查看次数

标签 统计

javascript ×1

jquery ×1

onclick ×1