Javascript 具有不同设置的多个引导传送带
我的页面中有多个旋转木马,它们的工作方式都相同 我想让其中一个有不同的设置虽然(间隔),但我不能让它发生 我想让“#幻灯片放映”旋转木马在“间隔/自动幻灯片”设置为“活动”的情况下工作,其余的旋转木马将禁用“间隔/自动幻灯片”Javascript 具有不同设置的多个引导传送带,javascript,jquery,twitter-bootstrap-3,carousel,Javascript,Jquery,Twitter Bootstrap 3,Carousel,我的页面中有多个旋转木马,它们的工作方式都相同 我想让其中一个有不同的设置虽然(间隔),但我不能让它发生 我想让“#幻灯片放映”旋转木马在“间隔/自动幻灯片”设置为“活动”的情况下工作,其余的旋转木马将禁用“间隔/自动幻灯片” jQuery('.carousel').each(function () { jQuery(this).carousel({ interval: false }); jQuery('#slideshow').carousel({
jQuery('.carousel').each(function () {
jQuery(this).carousel({
interval: false
});
jQuery('#slideshow').carousel({
interval: 3000
});
});
只需去掉您编写的大部分jQuery,只留下以下内容:
$('#slideshow').carousel({
interval: 3000
});
我的解决方案只是删除不需要的jQuery,然后将代码分成几个部分
另外,请注意,您可以一直简单地键入$而不是jQuery
最后,您忘了在小提琴中选择jQuery的版本:P您的代码适用于第一个旋转木马,但其余部分不活动。我想要一条用于幻灯片旋转木马的语句(启用间隔)和一条用于其余旋转木马的语句(禁用间隔),您所说的“不活动”是什么意思?您在问题中说,您希望第一个以设定的间隔滑动,而另外两个不自动滑动,但仍然可以通过用户控件移动。不管怎么说,我就是这么读的。我知道幻灯片是如何工作的,但是我们对其他旋转木马有什么说法,它们是如何工作的呢?它们有默认设置作为引导的一部分。jQuery和您可以为其编写的事件允许您设置新值,即使是在单个基础上。