所以我遇到了一个小问题(类似于我前几天发布的这个问题:http://bit.ly/11JpbdY http://bit.ly/11JpbdY)在加载时隐藏的一段内容上使用 SlabText。这次,我试图让slabText 更新滑块中某些内容的显示(使用Twitter Bootstrap 的Carousel 插件)。
按照 Twitter 的文档(http://twitter.github.com/bootstrap/javascript.html#carousel http://twitter.github.com/bootstrap/javascript.html#carousel)对于 Bootstrap 的 Carousel 插件,我正在尝试使用slide
事件,以便我重新调用 SlabText 以使其正确显示。
使用开发人员工具我可以看到 Carousel 添加了.next
处理一张幻灯片时的类.item
元素到下一个。然后在.active
班级已转移。
我可以毫无问题地访问“幻灯片”事件,但试图掌握.next
事实证明元素很麻烦。这是迄今为止我的代码的 JSFiddle:http://jsfiddle.net/peHDQ/ http://jsfiddle.net/peHDQ/
简单地说我的问题;我应该如何正确使用slide
触发函数的事件?
如果有任何其他信息有用,请告诉我。
进一步说明:
由于我一直无法掌握.next
类,我尝试用一些 jQuery 来做到这一点。到目前为止,这是我的代码:
$('.carousel').carousel({
interval: 5000
}).on('slide', function (e) {
$(this).find('.active').next().find('.slab').slabText();
});
据我了解,这应该抓住每个.slab
元素并触发 SlabText 插件......唉,我收到一个错误:
“未捕获类型错误:对象 [object Object] 没有方法‘slabtext’”
谁能告诉我我在这里做错了什么......?我使用了完全相同的过程来添加一个类,它工作得很好(根据这个 JSFiddle:http://jsfiddle.net/peHDQ/2/ http://jsfiddle.net/peHDQ/2/)