Flexslider：自定義按鈕點擊移動到下一張幻燈片（延遲）

我一直在使用Flexslider一段時間，並喜歡它，但我有一個自定義函數我試圖實現我有點卡住了。Flexslider：自定義按鈕點擊移動到下一張幻燈片（延遲）

在每張幻燈片中，我都有一些帶有2個按鈕的文字，基本上是真或假。在點擊其中一個按鈕時，它們會根據用戶是否選擇了正確的答案進行動畫處理。不管他們選擇什麼，但在幾秒鐘的短暫延遲之後，我希望幻燈片放映到下一張幻燈片。

我flexslider調用如下：

$(window).load(function() { 
$('.flexslider').flexslider({ 
    animation: "slide", 
    animationLoop: false, 
    slideshow: false, 
    controlNav: false, 
    touch: true, 
    smoothHeight: true 
}); 
});

我已經成功地創造一些JavaScript這樣，當一個按鈕被點擊它移動到第二個滑塊：

$('.true-or-false .btn').click(function() { 
$('.slider').flexslider(0); 
});

但爲每一個按鈕都做這件事會很痛苦，我試圖找到一個'下一個'功能，但無法獲得任何工作。除此之外，我嘗試添加.delay(2000)，但這似乎與上面的代碼無關。

我以爲flexslider中的幻燈片會有一個延遲函數，我只需找到一種方法使用自定義按鈕移動到下一張幻燈片。任何人都可以對此有所瞭解嗎？

感謝您花時間閱讀本文！科技教育

*編輯*

出於某種原因，當我第一次嘗試下面的代碼，它沒有工作，但現在增加「下一個」確實讓幻燈片動畫上點擊按鈕，下一個 - 現在我只需要延遲！

$('.true-or-false .btn').click(function() { 
$('.slider').flexslider('next'); 
});

來源

2014-09-10 user1406440

它看起來像我已經成功地得到這個工作，並認爲任何人櫃面應該尋找實現與Flexslider類似的功能，它可能是張貼在這裏我的解決方案是有用的。以下是我想出了：

$('.true-or-false .btn').click(function() { 
setTimeout(
    function() 
    { 
     $('.flexslider').flexslider('next') 
    } 
    , 2000); 
});

，當點擊Flexslider內（自定義）按鈕將移動到下一個幻燈片，但不是延遲之前，當你可以指定。

只是一個簡短的說明。我想達到這個效果的原因是因爲當你點擊一個按鈕（無論是true還是false）時，會發生一個動畫，告訴用戶它們是否正確，然後再轉到下一個問題。

希望這可以幫助別人:)

來源

2014-09-11 09:55:10 user1406440

Flexslider：自定義按鈕點擊移動到下一張幻燈片（延遲）

回答

相關問題