0

我有一个项目表，其中有一列可以单击以打开浮动菜单的链接。我还有一个侧边栏链接，它将执行 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');
  };
4

2 回答 2

2

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

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

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

于 2012-06-26T20:50:06.380 回答
1

改变

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

至

$(document).on("click",".addSet", function(event) {
  //some code
});
于 2012-06-26T20:42:16.567 回答