Javascript 同一页上有多个FlexSlider,希望所有FlexSlider都具有相同的属性
我不确定我做错了什么,认为这是相当直接的。我希望我的顶部滑块不会自动启动(我的工作正常)。我希望第二个滑块也这样做。每当我对#辅助滑块添加任何更改时,它们都会停止工作Javascript 同一页上有多个FlexSlider,希望所有FlexSlider都具有相同的属性,javascript,jquery,Javascript,Jquery,我不确定我做错了什么,认为这是相当直接的。我希望我的顶部滑块不会自动启动(我的工作正常)。我希望第二个滑块也这样做。每当我对#辅助滑块添加任何更改时,它们都会停止工作 <div id="main-slider" class="flexslider"> <ul class="slides"> <li><img src="Images/Web/M2M/1.jpg" /></a></li>
<div id="main-slider" class="flexslider">
<ul class="slides">
<li><img src="Images/Web/M2M/1.jpg" /></a></li>
<li><img src="Images/Web/M2M/2.jpg" /></a></li>
<li><img src="Images/Web/M2M/3.jpg" /></a></li>
<li><img src="Images/Web/M2M/4.jpg" /></a></li>
</ul>
</div>
<div id="secondary-slider" class="flexslider">
<ul class="slides">
<li><img src="Images/Web/SRY/1.jpg" /></li>
<li><img src="Images/Web/SRY/2.jpg" /></li>
<li><img src="Images/Web/SRY/3.jpg" /></li>
</ul>
</div>
以下是脚本:
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('#main-slider').flexslider({
animation: 'fade',
slideshow: false,
});
$('#secondary-slider').flexslider()
});
</script>
$(窗口)。加载(函数(){
$(“#主滑块”).flexslider({
动画:“淡入淡出”,
幻灯片放映:错误,
});
$(“#辅助滑块”).flexslider()
});
感谢您的帮助。它们都显示得非常正确,但第二个滑块需要带上
滑块show:false
和动画:淡入
。提前感谢您的帮助 我很困惑。您希望两个滑块工作相同,但只将选项对象发送到第一个滑块?你也应该把它发送到第二个吗?我也是这么想的,但是当我在第二个滑块上添加动画和幻灯片放映选项时,这两个选项都停止了工作。这是一个在一个页面上运行两个flexsliders的版本,我还注意到你的html在第一个滑块中有关闭的锚定标记,而没有打开锚定标记,谢谢各位,非常感谢你们的帮助!