jquery - 为静态内容和通过 ajax 加载的内容调用一次 jQuery 插件

Question

我正在使用两个 jQuery 插件：easytabs 和 prettyPhoto。我想对（1）静态页面和（2）通过easytabs插件通过ajax加载的图像使用prettyPhoto插件。

这就是我现在正在做的事情（请注意，这工作得很好，但我想知道是否有更有效的方法来做到这一点）：

$(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto(); // Calling prettyPhoto for the first time (for images on the static page)

    $('#portfolio-tabs').easytabs();
    $('#portfolio-tabs').bind('easytabs:ajax:complete', function() {
        $("a[rel^='prettyPhoto']").prettyPhoto(); // Calling this again for it to work on images loaded via ajax
    )
});

Answer 1

我相信加载的easytabs内容是用 in 呈现的，portfolio-tabs然后将 ajax 回调更改为

var tabs = $('#portfolio-tabs').bind('easytabs:ajax:complete', function() {
    $("a[rel^='prettyPhoto']", tabs).prettyPhoto(); // Calling this again for it to work on images loaded via ajax
)