javascript - 有什么方法可以关闭ajax加载元素的点击

Question

我在 jquery 中有点击事件，例如

$("#elementId").off("click").on("click",function (event) {
    // some code
    event.preventDefault();
});

在本例中，我使用off，然后on 单击。这是ajax加载元素的另一种方法。

    $(document).on("click", "#elementId",function (event) {
         //some code 
        $(this).unbind( "click" );
       });

我刚刚才知道

1.有没有办法像第一种情况一样off点击和on点击一起。但是第二种情况也工作正常。

2.两种方法有什么区别。$("#elementId").off("click").on("click",function (event) 和 $( this).unbind( "click"); 在 click 内。

Answer 1

.off() 可以按以下方式编写 -

$( "body" ).off( "click", "p", foo );

这回答了您的第一个问题。所以你可以做这样的事情，

$(document).off('click', '#elementId').on('click', '#elementId',function (event) {
   //some code 
   $(this).unbind( 'click' );
});

请在文档中阅读更多相关信息 - http://api.jquery.com/off/#off-events-selector

为了回答你的第二个问题，第一段代码将删除任何现有的事件处理程序，然后附加新的处理程序。第二段代码将让事件处理程序仅触发一次。

另外，我建议您不要使用 .unbind，而是使用 .off 本身，因为 .unbind 已被弃用。请参阅此处 - http://api.jquery.com/unbind/

在这里演示您的第二个问题 - https://codepen.io/anon/pen/KmgbQM