jQuery Live 事件绑定(bind)

Question

我有这样的要求，比如我将从我的网络服务动态获取一组具有随机 ID 的 div。一旦它被添加到我的 html 中，我想将一些事件绑定(bind)到 id。现在我的问题是，如果我使用 for 循环对 ID 数组绑定(bind)事件，当循环范围完成时，事件范围将被销毁。

例如:

var arrID={'1','2','3'};
for(var d in arr)
{
   arrID.live("click",function() {});
}

//scope of for loop finishes here, hence the scope of click also.

如何克服这个问题？谢谢。

Answer 1

您无法将单击事件绑定(bind)到 JavaScript 对象。它必须绑定(bind)到 JQuery DOM 对象。试试这个:

var arrID=['1','2','3'];

$.each(arrID, function(index, value) { 
    $('#' + value).live('click',function(){
        // Do something
    });
});

这是一个工作演示。请注意，只有前 3 个创建的 div 具有绑定(bind)事件: http://jsfiddle.net/FxwpC/