jquery - 静的コンテンツと ajax 経由で読み込まれたコンテンツに対して jQuery プラグインを 1 回呼び出す

Question

easytabs と prettyPhoto の 2 つの jQuery プラグインを使用しています。(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コンテンツはでレンダリングされ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
)