Twitter bootstrap 引导转盘事件列表器不工作

我试图通过使用js使用以下代码更新超时来调整旋转木马幻灯片之间的间隔：

**var t;
var start = $('#carousel').find('.active').attr('data-interval');
t = setTimeout("$('#carousel').carousel({interval: 3500});", start-3500);
$('#carousel').on('slid.bs.carousel', function () {   
     clearTimeout(t);  

     var duration = $(this).find('.active').attr('data-interval');
        alert("slide event");

     $('#carousel').carousel('pause');
     t = setTimeout("$('#carousel').carousel();", duration-3500);
})**

As you can see, I even added and alert to let me know the code was invoked, but it never is and I don't know why.

I even added the following code in an attempt to confirm the slide.bs.carousel event but to no avail:

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


The html looks like this:

**
<div id="carousel" class="carousel slide">

    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="active item" data-interval="3000">
            <img src="image2" />
        </div>
        <div class="item" data-interval="6000">
            <img src="image3" />
        </div>
        <div class="item" data-interval="9000">
            <img src="image1" />
        </div>
    </div>
</div>**

**var t；
var start=$（'#carousel'）.find（'.active'）.attr（'data-interval'）；
t=setTimeout（“$（'#carousel'）。carousel（{interval:3500}）；”，start-3500）；
$（'#carousel'）.on（'slided.bs.carousel'，function（）{
清除超时（t）；
var duration=$（this.find（'.active'）.attr（'data-interval'）；
警报（“幻灯片事件”）；
$（'旋转木马'）。旋转木马（'暂停'）；
t=设置超时（“$”（“#旋转木马”）.carousel（）；”，持续时间-3500）；
})**
正如您所看到的，我甚至添加了警告，让我知道调用了代码，但从来没有，我也不知道为什么。
我甚至添加了以下代码，试图确认slide.bs.carousel事件，但没有成功：
**$（'#carousel'）.bind（'slide.bs.carousel'，函数（e）{
console.log（'slide event！'）；
警报（“已调用”）；
});**
html如下所示：
**
**

谁能告诉我我做错了什么

谢谢你

Rick

启动（启动）转盘后，重置间隔的正确方法应为：

$('#carousel').data("bs.carousel").options.interval =  500;

vart；
var start=$（'#carousel'）.find（'.active'）.attr（'data-interval'）；
t=设置超时（函数（）{
$（'旋转木马'）。旋转木马({
间隔时间：3500
});
}，启动-3500）；
var计数器=0；
$（'#carousel'）。on（'slide.bs.carousel'，函数（e）{
计数器++；
控制台日志（'interval->'+计数器*500）；
$（'#carousel'）.data（“bs.carousel”）.options.interval=计数器*500；
})
$（'#carousel'）.bind（'slide.bs.carousel'，函数（e）{
console.log（'slide event！'）；
//警报（“已调用”）；
});

你能告诉我怎么了吗？对我来说似乎很好：java脚本没有被调用，所以不同的幻灯片间隔永远不会改变——只是保持最初的3500ms。由于某种原因，javascript代码从未被调用。好像事件侦听器不工作，但我看不出问题所在。谢谢你的关注。这确实有效——我可能会补充说，效果很好，但它会影响整个旋转木马。我试图确定每张幻灯片的时间，我尝试的解决方案是最常用的，但是，它在我的开发中失败了，因为没有调用执行此操作的java脚本-几乎就像某种侦听器失败一样。@Texson不确定我是否明白你的意思，但请检查更新的。是的。它工作完美，非常优雅。非常感谢你为我解决了这个问题。这是真正的感谢-以及你的专业知识和知识共享。同时，我也很感激你通过代码给我上的一课。太好了。@Texson欢迎来到stackOverflow！如果有任何答案对你有帮助，如果答案是你想要的，就把它标记为未来的读者。谢谢你！~~~~~祝你好运！无法确定如何格式化代码-无论如何，在每个幻灯片项目中添加了“数据间隔”属性，效果非常好。