Question

在初始页面加载时，我的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,
} );

Answer 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)
});

ios Slider默认为最后一张幻灯片

1 个答案: