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 に答える