利用Bootstrap Carousel"slide"事件和.next类

Question

所以我有一个小问题(类似于我前几天发布的那个:http://bit.ly/11JpbdY)在一个隐藏在负载上的内容上使用SlabText.这一次,我试图让slabText更新滑块中某些内容的显示(使用Twitter Bootstrap的Carousel插件).

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

使用开发人员工具,我可以看到Carousel .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插件....唉,我得到一个错误:

"Uncaught TypeError:Object [object Object]没有方法'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);
   });