0
我有一個「Swiper Slide」滑塊,我想要在每張幻燈片上運行某個函數。在每張幻燈片上運行jQuery函數
下面是滑塊演示的鏈接(我的是同一個編碼計):
我想,以確定當滑塊進入另一張幻燈片jQuery來運行函數的事件(和當用戶強制它去另一張幻燈片)。
我有一個「Swiper Slide」滑塊,我想要在每張幻燈片上運行某個函數。在每張幻燈片上運行jQuery函數
下面是滑塊演示的鏈接(我的是同一個編碼計):
我想,以確定當滑塊進入另一張幻燈片jQuery來運行函數的事件(和當用戶強制它去另一張幻燈片)。
你可以使用這個插件的自定義事件onSlideChangeStart
或onSlideChangeEnd
打電話給你的功能,像這樣的例子:
var swiper = new Swiper('.swiper-container', {
onSlideChangeStart: function(swiper) {
//call your function here
},
onSlideChangeEnd: function(swiper) {
//or here
}
});
您可以在官方documentation閱讀更多關於這一點。
謝謝,如果我使用$(this)選擇器,我會得到哪個元素? – user1584043
或者我甚至可以使用$('.active')對嗎?因爲,滑塊會給出活動幻燈片「活動」類 – user1584043
@ user1584043您可以像console.log(swiper.activeIndex);獲得當前幻燈片的索引,如果這是您需要的,並且是的,您應該可以使用'$('.active')'或'$('。slide-active')'也是。 – Ionut