更改滑動滑塊前的檢查條件

我正在使用這個流行的旋轉木馬（http://kenwheeler.github.io/slick/）。更改滑動滑塊前的檢查條件

我在每張幻燈片中放置了某些元素。在移動到下一張幻燈片之前，用戶必須至少選擇其中一個元素。但我不知道如何通過在選擇元素之前單擊「下一個」箭頭來防止用戶手動移動到下一張幻燈片。

我知道'next/previous'箭頭可以被禁用，但我不想這樣做，因爲用戶可能想要返回上一張幻燈片來更改他的選項。

我知道一個選項是禁用默認箭頭並引入我自己的prev/next箭頭，然後將幻燈片更改功能與條件檢查綁定在一起。但如果在這個滑塊中有一些內置選項（我無法弄清楚），那將會很好，因爲這樣可以最大限度地減少我的工作量。

來源

2015-05-01 maverick

API是在這裏：https://github.com/kenwheeler/slick。您需要'beforeChange'事件可能與'slickPause'方法相結合 – Pete

slickPause只停止自動播放，不播放下一張幻燈片。 – maverick

我做了圓滑允許條件去檢查時，旁邊一個快速修改後的版本，請參見：http://jsfiddle.net/alan0xd7/dhxhv5gg/

基本上滑塊只會去下一個，如果fnCanGoNext回報true。

我只是實際上在小提琴上圍繞＃700線添加了一條線。它不處理像第一張幻燈片時單擊「上一張」的內容，但您可以從這裏開始工作。

由於Slick是一個開源項目，不要害怕改變代碼並適應它以適應您的需求。瞭解幕後的情況很有趣。

希望這會有所幫助！

來源

2015-05-01 13:55:10 alan0xd7

太酷了！謝謝。 – maverick

我正在修改我的項目中的代碼，但它不起作用。基本上，我在每張幻燈片中都有幾個單選按鈕，每個單選按鈕都有一個「r-按鈕」類。我在寫var checkbox = currentSlide.find（「.r-button」）;如果（checkbox.is（'：checked'））{return true; }。但是這不起作用，即使單選按鈕被選中，fnCanGoNext總是返回false。我哪裏錯了？ – maverick

試試這個：http://jsfiddle.net/alan0xd7/dhxhv5gg/11/ – alan0xd7

更改滑動滑塊前的檢查條件

回答

相關問題