Javascript 使用引导传送带;幻灯片“;事件和下一节课
因此,我有一个小问题(类似于我前几天发布的这个:)在加载时隐藏的内容上使用SlabText。这一次,我试图让slabText更新滑块中某些内容的显示(使用Twitter引导的Carousel插件) 在Twitter提供了Bootstrap的Carousel插件的文档()之后,我尝试使用Javascript 使用引导传送带;幻灯片“;事件和下一节课,javascript,jquery,html,twitter-bootstrap,carousel,Javascript,Jquery,Html,Twitter Bootstrap,Carousel,因此,我有一个小问题(类似于我前几天发布的这个:)在加载时隐藏的内容上使用SlabText。这一次,我试图让slabText更新滑块中某些内容的显示(使用Twitter引导的Carousel插件) 在Twitter提供了Bootstrap的Carousel插件的文档()之后,我尝试使用slideevent,以便重新调用SlabText使其正确显示 使用开发人员工具,我可以看到Carousel在处理一个.item元素到下一个元素的幻灯片时添加了一个.next类。然后,在传输.active类之前,会
slide
event,以便重新调用SlabText使其正确显示
使用开发人员工具,我可以看到Carousel在处理一个.item
元素到下一个元素的幻灯片时添加了一个.next
类。然后,在传输.active
类之前,会将其删除
我可以访问“slide”事件而不出现任何问题,但尝试获取。下一个元素很麻烦这里是我迄今为止的一段代码:
简单地说我的问题;如何正确使用幻灯片
事件触发函数?
请让我知道,如果任何其他信息将是有用的
进一步说明:
由于我一直无法获得.next
类,因此我尝试使用一些jQuery来实现这一点。以下是我迄今为止的代码:
$('.carousel').carousel({
interval: 5000
}).on('slide', function (e) {
$(this).find('.active').next().find('.slab').slabText();
});
据我所知,这应该是抓取每个.slab
元素并触发SlabText插件。。。。唉,我犯了一个错误:
“未捕获的TypeError:对象[Object Object]没有方法'slabtext'”
有人能告诉我这里做错了什么吗…?我使用了完全相同的过程添加了一个类,它工作正常(根据这个JSFiddle:)我发现了问题。问题是在下一张幻灯片显示之前调用事件“幻灯片”。我增加了一点延迟,现在可以正常工作了。试试这个:
$('.carousel').carousel({
interval: 5000
}).on('slide', function (e) {
var xx = $(this);
setTimeout(function() {
xx.find('.active').next().find('.slab').slabText();
} , 0);
});
很抱歉,这篇文章只是一个o型。我试过了,可惜还是没有快乐!谢谢这在一定程度上是有效的。因此,我认为问题在于它需要在处理函数之前进行延迟。将时间设置为50毫秒的唯一问题是,如果用户的连接速度较慢,问题仍然会发生。如果你设置的时间更长,那些处于快速连接的人会看到口吃。对此有什么建议吗?较慢的internet连接根本不重要,因为此javascript仅在加载整个页面后执行。你可能担心的是电脑速度较慢的人。但是,我也不认为这是个问题,因为这个数字(50毫秒)只是对浏览器的一个提示。JavaScript就是这样工作的,它是一个线程。因此,当您说在50毫秒后调用此函数时,它将切换到主线程,从而使项目可见。当主线程完成时,它将返回此函数并执行slabText函数。因此,即使您给出0毫秒的提示,此函数也将始终在主线程使项目可见后执行。您是否有机会在任何较慢的浏览器上检查它?正如我告诉过你的,这肯定会在所有浏览器上工作。但是,您需要设置一个标志,以便函数不会在每个元素上调用多次。