jQuery - 使用选择器范围作为函数参数来绑定事件

Question

我正在将一些点击事件应用于网格中的所有锚点。

我有一些 ajax 可以更新网格中的一行。

我不想再次将事件应用于整个网格，而是希望只应用于 ajax 更新的行，因此我将范围传递给绑定函数：

function bindEvents(scope)
{
 scope.find("a").click(function() { //do something });
}

function gridLoad()
{
 ..
 bindEvents($);
}

function ajax()
{
 ..
 bindEvents($(tr));
}

我收到错误，抱怨对象不支持单击事件。

当代码也很简单时，这确实有效

$("a").click(function() { //do something });

，在查找后添加 .each 没有效果。

有这方面的最佳实践吗？

Answer 1

使用 .live() 或 .delegate() 并且您不需要重新绑定处理程序。它也比为每个 绑定一个处理程序更有效，因为 DOM 树上只有一个事件侦听器。

实时：将处理程序附加到当前和将来与当前选择器匹配的所有元素的事件。

委托：根据一组特定的根元素，将处理程序附加到现在或将来与选择器匹配的所有元素的一个或多个事件。

只需一次，在文档准备好后，如下所示：

$('#grid-id a').live('click', function ()
{
    // do something
});