easyTabs中的Flexslider

Question

我在jQueryEasyTabs選項卡中有一個Flexslider Gallery，但當點擊「圖庫」選項卡時，我的圖庫圖像將不會顯示。 我認爲有一個'easytabs:after'回調，但它不起作用。我該如何解決這個問題？

   <ul class="sub-menu"> 
        <li><a href="#sub-special">Special Events</a></li> 
        <li><a href="#sub-gallery">Gallery</a></li> 
       </ul> 

       <div class="tab-content" id="sub-gallery"> 
        <div class="flexslider"> 
         <ul class="slides"> 
         <li data-thumb="./images/gallery/1.jpg"> 
          <img src="./images/gallery/1.jpg" /> 
         </li> 
         <li data-thumb="./images/gallery/2.jpg"> 
          <img src="./images/gallery/2.jpg" /> 
         </li> 
         <li data-thumb="./images/gallery/3.jpg"> 
          <img src="./images/gallery/3.jpg" /> 
         </li> 
         <li data-thumb="./images/gallery/4.jpg"> 
          <img src="./images/gallery/4.jpg" /> 
         </li> 
         <li data-thumb="./images/gallery/5.jpg"> 
          <img src="./images/gallery/5.jpg" /> 
         </li> 
         <li data-thumb="./images/gallery/6.jpg"> 
          <img src="./images/gallery/6.jpg" /> 
         </li> 
         </ul> 
        </div> 
       </div> 


/* Flexslider Gallery */ 
$('#sub-gallery .flexslider').flexslider({ 
    animation: 'slide', 
    smoothHeight: true, 
    slideshow: false 
}); 

Answer 1

幫我：

$('#tab-container').easytabs({ 
    defaultTab: "#defaultTab" 
}).bind('easytabs:after', function(){ 
    console.log('after fired up!') 
    $('#sub-gallery .flexslider').flexslider({ 
     animation: 'slide', 
     smoothHeight: true, 
     slideshow: false 
    }); 
});