정적 콘텐츠 및 ajax를 통해로드 된 콘텐츠에 대해 jQuery 플러그인 한 번 호출

Question

두 개의 jQuery 플러그인 easytabs 및 prettyPhoto를 사용하고 있습니다. easytabs 플러그인에 의해 ajax를 통해로드되는 이미지에 (1) 정적 페이지 및 (2) 이미지에 prettyPhoto 플러그인을 사용하고 싶습니다. 여기

(이 잘 작동하는지 알 수 있지만,보다 효율적으로이 일을 방법이 있는지 궁금 하군요) 내가 지금 잘하고 있어요입니다 : 내가로드 easytabs 내용을 생각

$(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

다음 성능 문제는 당신이 좀 더 효율적인 접근 방식을 필요로 직면하고 무엇

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 
)