0

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

1 回答 1

0

取决于你的标记。所以如果你有类似的东西

<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)
});
于 2013-11-09T17:28:19.947 回答