iOS 滑块默认为最后一张幻灯片

ios Slider defaults to the last slide

本文关键字：一张 幻灯片 最后 默认 iOS      更新时间：2023-09-26

在初始页面加载时，我的iosSlider在第一张幻灯片上显示第一个选项卡，但是当我单击任何其他选项卡时，它会转到该组中的最后一张幻灯片。有什么想法如何让它进入第一张幻灯片吗？

我的HTML代码（在jsfiddle上，因为它对于这个页面来说有点长）

http://jsfiddle.net/Ky8am/

我的 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)
});
相关文章：