如何將「滑動」和「滑動」事件附加到Bootstrap工具包的傳送帶上？

這是一個帶Bootstrap傳送帶的小提琴。 http://jsfiddle.net/jeykeu/5TDff/如何將「滑動」和「滑動」事件附加到Bootstrap工具包的傳送帶上？

這裏的官方文檔沒有提供關於事件使用情況的信息。 http://twitter.github.com/bootstrap/javascript.html#carousel

我認爲這會工作，但不會：基於

 $('#carousel').bind('slide',function(){ 
      alert("Slide Event"); 
    });

來源

2012-03-11 Junaid Qadir Shekhanzai

請+1 https://github.com/twbs/bootstrap/issues/20792 – 2017-01-24 18:50:49

你的小提琴#carousel是錯誤的。它應該是#myCarousel。

更新了例：

$('#myCarousel').carousel({ 
    interval: 2000 
}); 

// Could be slid or slide (slide happens before animation, slid happens after) 
$('#myCarousel').on('slid', function() { 
    alert("Slide Event"); 
});

http://jsfiddle.net/infiniteloops/wPF3n/

隨着引導3

http://jsfiddle.net/infiniteloops/wPF3n/252/

來源

2012-03-11 00:54:15

任何幫助爲什麼我得到一個錯誤'未捕獲的SyntaxError：意外的令牌ILLEGAL'當我在我的代碼中添加此？（'Slide.bs.carousel'，function（）{ alert（「Slide Event」）; （ – Snippet 2013-07-16 05:41:27

+29

）對於任何人在這裏尋找BootStrap 3的幫助，請試試這個： '$（'＃myCarousel'）。 }）' – c0r3yz 2013-11-27 19:49:22

@ c0r3yz現有的似乎與引導3對我來說工作正常，有什麼具體的改變？ – 2013-11-28 09:34:09

對於引導3個實現：

事件

$('#myCarousel').bind('slide.bs.carousel', function (e) { 
     console.log('before'); 
});

之前事件

$('#myCarousel').bind('slid.bs.carousel', function (e) { 
     console.log('after'); 
});

來源

2016-04-11 13:16:05

這兩個代碼是相同的...... – 2016-06-03 13:59:07

@ ManicDepression他們不是'滑'與'幻燈片' – 2016-06-13 12:31:11

我只是希望我們能得到的事件索引... – 2016-09-27 04:46:05

舊後我知道後，但我想同時顯示幻燈片和使用。對函數下滑。

所以，我的2美分... JSFiddle

$('#myCarousel').on('slide.bs.carousel', function (e) { 
    $('.carousel').removeClass('color-start'); 
    $('.carousel').addClass('color-finish'); 
    $('#bind').html('Sliding!'); 
}); 

$('#myCarousel').on('slid.bs.carousel', function (e) { 
    $('.carousel').removeClass('color-finish'); 
    $('.carousel').addClass('color-start'); 
    $('#bind').html('slid again!'); 
});

的 'addClass & removeClass' 是顯示的東西的樂趣正在發生的事情和時間。此外，您可以將它與animate.css一起使用，以將「動畫」類添加/刪除到元素.on（slide，）。

$('#bind').html('Sliding!')

以上是我不喜歡'警報'，並顯示console.log可以是一個小屏幕上的痛苦。

來源

2017-11-17 14:52:03 Thumper

如何將「滑動」和「滑動」事件附加到Bootstrap工具包的傳送帶上？

回答

相關問題