Ajax打破.on（'click'，eventhandler）

Question

我有一个项目表，其中有一列链接可以单击以打开浮动菜单。 我还具有一个侧边栏链接，该链接将执行ajax请求并对结果进行排序（它将用新表填充该表）。 如果未对表结果进行排序（由ajax调用重新填充），则链接可以正常工作。 但是，当我对结果进行排序并且执行了ajax请求时，表中的链接不再起作用。

我想知道如何在表格链接中保留点击事件？ 我以为jQuery的.on（selector，eventhandler）可以解决这个问题，但在我看来情况并非如此。

这是我目前对表格链接的点击事件的处理：

  $('.addSet').on('click', function(event) {
    event.stopPropagation();
    return menuShow(this);
  });

  $('.addSetMenu input, .addSetMenu select, .addSetMenu').on('click', function(event) {
    return event.stopPropagation();
  });

  menuShow = function(menuParent) {
    var menu, parentLeft, parentOffset, parentTop;
    menu = $(menuParent).siblings('.addSetMenu');
    parentOffset = $(menuParent).offset();
    parentTop = parentOffset.top;
    parentLeft = parentOffset.left;
    $(menu).css({
      'top': parentTop + 20,
      'left': parentLeft - 160
    });
    resetMenu();
    return $(menu).toggleClass('hide');
  };

  $('html, .setCancelBtn').on('click', function() {
    return resetMenu();
  });

  resetMenu = function() {
    var menu;
    menu = $('.addSetMenu input[type=text]');
    $('.addSetMenu select').val('default');
    $(menu).addClass('hide');
    $(menu).val('');
    return $('.addSetMenu').addClass('hide');
  };

Answer 1

重新填充表后，这些链接的相应DOM节点将被删除。 他们的所有事件处理程序也是如此。 您应该挂接到某个父元素，例如表。 从那里您可以捕获传播的事件。

$('table-selector').on('click', 'urlSelector', function(event) {
    //handler code
})

请参阅此处的“直接和委托事件”： http : //api.jquery.com/on/

Answer 2

更改

$('.addSet').on('click', function(event) {
  //some code
});

至

$(document).on("click",".addSet", function(event) {
  //some code
});