利用引导旋转木马“幻灯片”事件和类。接下来(Utilise the Bootstrap Carous

所以我有一个小问题（与此类似我张贴的一天： http://bit.ly/11JpbdY ）与上一条内容是隐藏在负载使用SlabText。 这一次，我试图让slabText更新一些内容是在一个滑块（使用Twitter的引导的旋转木马插件）的显示。

继Twitter的文档（ http://twitter.github.com/bootstrap/javascript.html#carousel ）为引导的旋转木马插件，我试图用slide事件让我再打电话SlabText，使其正确显示。

使用的开发工具，我可以看到传送带增加了.next类，因为它处理一个的滑动.item元素下。 在此之前，然后除去.active转移类。

我可以没有任何问题访问“幻灯片”事件，但想获得的保持.next元素被证明是麻烦。 这里是我的代码的jsfiddle迄今： http://jsfiddle.net/peHDQ/

为了把我的问题根本; 我应该如何正确使用slide事件触发功能？

请让我知道如果任何其他信息将是有益的。

---

其它说明：

正如我一直无法获得的保持.next类，我试图用一些jQuery来做到这一点。 这里是我的代码至今：

$('.carousel').carousel({
    interval: 5000
}).on('slide', function (e) {
    $(this).find('.active').next().find('.slab').slabText();
});

据我所知这应该抓住每一个.slab元素并触发SlabText插件....唉，我得到一个错误：

“未捕获类型错误：对象[对象的对象]无方法‘slabtext’”

任何人都可以建议我在做什么错在这里......？ 我已经使用了完全相同的过程中添加一个类，它工作正常（按照本的jsfiddle： http://jsfiddle.net/peHDQ/2/ ）

Answer 1:

我发现的问题。 问题是，下一张幻灯片，可见之前的事件“滑动”之称。 我加了一点延迟，现在工作得很好。 试试这个：

   $('.carousel').carousel({
       interval: 5000
   }).on('slide', function (e) {
       var xx = $(this);
       setTimeout(function() {
           xx.find('.active').next().find('.slab').slabText();
       } , 0);
   });

文章来源: Utilise the Bootstrap Carousel “slide” event and the .next class