ajax 加载后绑定自定义事件处理程序

Question

具体来说，我希望将灯箱绑定到特定元素。通常我会这样做： $('a.lightbox').lightBox(); 但这不起作用，因为我正在使用 AJAX 进行一些加载。查看 jQuery API，我发现 .bind() 和 .live() 但当我执行 $('a.lightbox' 时我没有得到任何东西).bind('lightBox') 在 AJAX .load() 调用之后。

我缺少什么？

Answer 1

您需要添加一个处理该问题的回调函数。

$("#div").load(url, {}, function(){ $('a.lightbox').lightBox(); });

绑定不会帮助您，因为该事件不会触发事件。

Answer 2

另一种方法是绑定到 dom 中较高的元素并检查目标类型。例如：

$('#div').bind('click', function (event) {
    target = $(event.target);
    if (target.hasClass('lightbox')) {
        // do stuff here
    }
});

只是不要走得太远，否则您会捕获太多的点击。