javascript - jquery 委托(delegate)的问题

Question

我想知道如何触发由在父div(因此委托(delegate))中动态加载的单击元素或直接加载时触发的唯一处理程序。

首先，<a class="manage-lnk>Manage</a>元素是直接加载的，但是之后，还有动态加载

html

    <div id="viewContainer"> 
       <a class="manage-lnk">Manage</a>
    </div>

lib.js。

我必须找到这个技巧才能在这两种情况下都起作用

 $(document).on('click','.manage-lnk',function(){
     alert(1);
 });

  $('.manage-lnk').on('click',function(){
     alert(1);
  });

我想要的是触发警报(1)，尽管元素是否动态加载。

(PS:请原谅我的英语，我说法语)

Answer 1

触发这个:

$('.manage-lnk').on('click',function(){
     alert(1);
  });

每次动态添加其中另一个:

 <div id="viewContainer"> 
       <a class="manage-lnk">Manage</a>
    </div>

如果在 JS 触发后动态加载，则不会附加事件。

将其添加到一个可以在 HTML 中动态添加的代码之后调用的函数中是有意义的:

function addNewHtmlSectionFunctionName() {
  //Code to add div dynamically
}

function attachClickEventToManageLnk() {
    $('.manage-lnk').on('click',function(){
         alert(1);
      });
}

$(function() {
    addNewHtmlSectionFunctionName();
    attachClickEventToManageLnk();
});