Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用引导传送带;幻灯片“;事件和下一节课_Javascript_Jquery_Html_Twitter Bootstrap_Carousel - Fatal编程技术网

Javascript 使用引导传送带;幻灯片“;事件和下一节课

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类之前,会

因此,我有一个小问题(类似于我前几天发布的这个:)在加载时隐藏的内容上使用SlabText。这一次,我试图让slabText更新滑块中某些内容的显示(使用Twitter引导的Carousel插件)

在Twitter提供了Bootstrap的Carousel插件的文档()之后,我尝试使用
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毫秒的提示,此函数也将始终在主线程使项目可见后执行。您是否有机会在任何较慢的浏览器上检查它?正如我告诉过你的,这肯定会在所有浏览器上工作。但是,您需要设置一个标志,以便函数不会在每个元素上调用多次。