Jquery 如何检测引导转盘幻灯片更改？

我正在使用Bootstrap carousel（Bootstrap v3.3.4）和这个名为Bootstrap touch carousel（）的插件，以使我的内容可以滑动

我面临的问题是，当我用它来刷卡我的内容时，它会禁用项目中所有可点击的元素（链接、输入等）。我已经尝试使用以下代码手动重新附加事件处理：

$( "#myCarousel" ).bind( "touchend", function() { /*code for specific element*/}); 

但这是分配的工作，所以我想尝试只使标题可刷，我已经把我的内容以外的可刷项目，我试图使内容可见的具体项目是积极的。要使其工作，我需要检测用户何时滑动到下一个或上一个项目。我已经尝试了以下代码：

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


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

$('#myCarousel').bind('slide', function (e) {
    console.log('slide event!');
});

$('#myCarousel').bind('slid', function (e) {
    console.log('slide event!');
});

我也试过用on代替bind，但似乎没有任何效果。它似乎无法检测幻灯片事件

---

我怀疑bootstrap touch carousel会以另一种方式滑动，但我不知道如何检测用户何时进入下一张或上一张幻灯片。有办法做到这一点吗？或者是使转盘滑动功能正常工作的一种方法？

将您的代码放在文档中。准备好的功能如下所示：

$( document ).ready(function() {
    console.log( "ready!" );
    // My code goes here!
});

---

这将延迟代码的执行，以确认在加载任何依赖项之前它不会运行。

关于第一个代码示例的价值，您的第一个代码示例帮助我解决了您发布的这个问题。