ajax를 통해로드 된 Flexslider

Question

다른 페이지에서 HTML을로드하는 데 jQuery 플러그인 easytabs를 사용하고 있습니다. HTML은 jQuery flexslider로 구성 될 수 있지만 JavaScript가 이미 실행 된 이후로로드 된 후에 슬라이더가 작동하지 않습니다. 나는과 같이, 아약스 링크를 통해로드를 클릭하면 flexslider를 호출 시도

<ul class="portfolio-thumbnails"> 
    <li><a href="portfolio.html #item1" data-target="#item1">Load via ajax</a></li> 
</ul> 

<div class="panel-container"> 
    <div id="item1" class="portfolio-item"></div> /* The slider loaded from the ajax call will be appended to this div */ 
</div> 

: 여기 내 코드의

$(".portfolio-thumbnails li a").click(function() { 
    $('.flexslider').flexslider({ 
     animation: "slide" 
    }); 
}); 

을 ...하지만 두 번째 시간에만 작동하는 것이 내가 클릭하면 . 아마 Ajax를 통해 HTML을로드하기 전에 flexslider 스크립트가 호출되고있는 것 같습니다. 또한 외부 페이지 (portfolio.html)에서 flexslider 스크립트를 호출하려고 시도했지만 작동하지 않습니다.

아이디어가 있으십니까?

Answer 1

간편한 탭 아약스 요청의 success 콜백에 넣을 수 있습니까?

.bind('easytabs:ajax:complete', function() { 
    $('.flexslider').flexslider({ 
     animation: "slide" 
    }); 
    }); 

문서에 event-hooks에서 찾았습니다 : 당신의 easytab 이벤트에 다음과 같은 추가

응답이 탭을 클릭하면로드되지하려면