2015-01-09 64 views
0

我有一個swiper,我希望能夠動態切換progress參數(我正在使用swiper-smooth-progress插件)。即使使用reInit(),iDangerous swiper參數更改也不起作用

我初始化這樣的刷卡:

var mySwiper = $('.swiper-container').swiper({ 
    progress: false; //slides just slide horizontally 
}); 

在這一點上,刷卡平滑正在進行的插件沒有啓用,所以幻燈片右滑動到左。到現在爲止還挺好。

不過,與改變progress參數後:

var newValue = true; 
mySwiper.params.progress = newValue; 
mySwiper.reInit(); 

幻燈片不與新效應移動。我已經通過查看mySwiper.params.progress並且看到它現在是true來驗證progress設置了新參數。所以問題是:新的進度效果是可以動態實現的,還是需要銷燬slilder並用新參數創建一個新進程?

回答

0

reInit()沒有看到進度插件。

當您在第一個實例中設置progress = true時,它一切正常,但是當它設置爲false並且reInit時它不會初始化進度。

你可以將其設置爲true,然後測試:

console.log(mySwiper.progress) 

你會看到的刷卡的當前進度值。

如果您將其設置爲false,然後嘗試使用相同的控制檯日誌,則不會獲得數字。

這個插件存在一些根深蒂固的問題,它也不會偵聽其本身的進度更新。也許聯繫創作者

+0

正確。爲了做我想做的事情,我最終刪除了所有幻燈片,並使用新的進度設置重新添加它們。我不知道這將如何與一個大圖片庫表現...可能不太好。 – lilbiscuit 2015-01-21 16:15:49

+0

它可能不會承受沉重的負擔,但如果您只是需要它來處理幾個,您可能會擺脫它。祝你好運! – 2015-01-22 17:03:51

相關問題