javascript - 如何将 "slide"和 "slid"事件附加到 Bootstrap 工具包的轮播中？

Question

这是一个正在运行的 Bootstrap 轮播的 fiddle 。 http://jsfiddle.net/jeykeu/5TDff/

这是官方文档，其中没有说明任何有关事件使用的信息。 http://twitter.github.com/bootstrap/javascript.html#carousel

我以为这会起作用，但不行:

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

Answer 1

根据你的 fiddle #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/

使用 Bootstrap 3

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