Flexslider：動畫：幻燈片不能正常工作

Question

我正在使用flexslider，我的動畫效果出現問題：幻燈片效果。只有當我離開頁面並再次出現或者頁面丟失並獲得焦點時才起作用。導航箭頭顯示他們實際上檢測到點擊事件。底部的小點也是可點擊的，一旦我點擊它們，它們實際上就會激活，但不會發生圖像轉換。

更新：它不適用於動態內容，I-E當滑動HTML來通過AJAX

任何幫助，請。這是我的代碼;

  var options = { 
      animation: "slide" 
     }; 

     $('.team-pages-slider').flexslider(options); 

     $.ajax({ 
          url: href, 
          dataType: "html", 
          cache: false, 
          beforeSend:function(data){ 
          $('.global-loader').show(); 
         }, 
         success: function(data){ 


      $content.html(data); 
      loadFlexJS(); 

)}; 

Answer 1

好的我找到了一個解決方案。我將flexslideJS（）放入setimer函數中。所以flexslider代碼將在1秒後執行，所以html應該在頁面上。

setTimeout(function(){ 

       App.teamPageSlider(); 

    }, 1000); 

Answer 2

您必須從$ .ajax使用回調成功。檢查manual。

我不知道flexslider，但我猜測：

1. 加載JS庫頁
2. 調用$就功能
3. 的頭在回調成功啓動flexslider

我認爲this會有所幫助。

Answer 3

你的滑塊初始化代碼的放置是錯誤的。

$('.team-pages-slider').flexslider(options);應該放在ajax成功的方法裏面。

var options = { 
    animation: "slide" 
}; 

$.ajax({ 
    url: href, 
    dataType: "html", 
    cache: false, 
    beforeSend:function(data){ 
     $('.global-loader').show(); 
    }, 
    success: function(data){ 
     $content.html(data); 
     loadFlexJS(); 
     $('.team-pages-slider').flexslider(options); 
    } 
})