不推荐使用Jquery delegate(),然后如何监听动态创建对象事件

时间:2017-07-19 08:13:03

标签: javascript jquery

不推荐使用Jquery delegate(),然后讨论如何监听动态创建对象事件

例如

$(document).ready(function() {
  $(document).find("p").on("click", function(event) {
    $("#contain").append("<p>Click this paragraph </p>" + event.timeStamp);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Click this paragraph.</p>
<div id="contain"></div>

此处包含&gt; p事件on事件委托工作未发生的点击事件是否有任何想法代替委托()或live()?

2 个答案:

答案 0 :(得分:2)

您使用了错误的语法,正确的语法是:

  

.on(events [,selector] [,data],handler)

这使您的代码成为:

$(document).on("click","p", function(event) {
  $("#contain").append("<p>Click this paragraph </p>" + event.timeStamp);
});

答案 1 :(得分:1)

  1. 这样代表。
  2. &#13;
    &#13;
    $(document).ready(function() {
      $(document).on("click","p", function(event) {
        $("#contain").append("<p>Click this paragraph </p>" + event.timeStamp);
      });
    });
    &#13;
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <p>Click this paragraph.</p>
    <div id="contain"></div>
    &#13;
    &#13;
    &#13;