jquery - 页面加载时 jQuery 触发动作

Question

我目前有以下代码可以将灯箱添加到具有rel="facebox".

$(document).ready(function() {
    $('a[rel*=facebox]').facebox();
});

这很好用，直到页面加载时间过长。

我如何在文档加载之前应用它？理想情况下，我想先调用该.facebox()函数，然后在加载 DOM 时，它会搜索任何链接rel="facebox"并应用该函数。

有点像.on()函数，但没有事件。

那有意义吗？提前致谢！

Answer 1

这里有几个链接可能有助于解决这个问题......

在 DOM 准备好之前使用元素并使用 JavaScript 检测 DOM 节点插入...

Answer 2

通过执行以下操作找到我的解决方案：

$(document).on('click', 'a[rel*=facebox]', function() { 
    $.facebox({ ajax: $(this).attr('href') }); 
    return false; 
});

希望对某人有所帮助。