在初始页面加载中,我的iosSlider在第一张幻灯片上显示了第一个标签,但是,当我单击任何其他标签时,它会转到该组中的最后一张幻灯片。有什么想法可以使它转到第一张幻灯片吗?
我的HTML代码(在jsfiddle上对此页面有点长)
我的JS代码
/* main carousel */
$( "#mainCarousel .iosslider" ).iosSlider( {
autoSlide: true,
autoSlideTimer: 10000,
desktopClickDrag: true,
navSlideSelector: $( "#mainCarousel .iosslider-indicators > ul > li" ),
onSlideChange: mainCarouselSlideChange,
onSliderLoaded: mainCarouselSliderLoaded,
snapToChildren: true,
startAtSlide: 1,
} );
取决于您的标记。所以如果你有类似的东西
<div class='fluidHeight'>
<div class='sliderContainer'>
<div class='iosSlider'>
<div class='slider'>
<div class='item' id="s_1" number="1"><img src = 'http://lorempixel.com/800/500/sports/1/' /></div>
<div class='item' id="s_2" number="2"><img src = 'http://lorempixel.com/800/500/sports/2/' /></div>
<div class='item' id="s_3" number="3"><img src = 'http://lorempixel.com/800/500/sports/3/' /></div>
<div class='item' id="s_4" number="4"><img src = 'http://lorempixel.com/800/500/sports/4/' /></div>
<div class='item' id="s_5" number="5"><img src = 'http://lorempixel.com/800/500/sports/5/' /></div>
<div class='item' id="s_6" number="6"><img src = 'http://lorempixel.com/800/500/sports/6/' /></div>
</div>
</div>
</div>
</div>
您可以尝试使用以下代码:
$( ".item" ).click(function() {
$('.iosSlider').iosSlider('goToSlide', 1)
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句