利用引导轮播“幻灯片”事件和 .next 类

Question

所以我遇到了一个小问题（类似于我前几天发布的这个问题：http://bit.ly/11JpbdY），在加载时隐藏的一段内容上使用 SlabText。这一次，我试图让slabText 更新滑块中某些内容的显示（使用Twitter Bootstrap 的Carousel 插件）。

根据 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] has no method '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);
   });