0

1 ページに複数のスライドショーを表示できる (1/9) システムのページ カウンターがあります。私の問題は、1 つのスライドショーをクリックすると、このスライドショーのページ カウンターだけでなく、そのページに存在するさまざまなスライドショーのすべてのページ カウンターに影響することです...

誰かが私の問題を解決する解決策を持っていれば、私は感謝しています。

ここに私のJQueryコード：

<script type='text/javascript'>

        $(document).ready(function() {
            $('.slidecontein .slideshow').each(function(){
                $(this).cycle({
                    speed:1, 
                    timeout: 0,
                    next: $('.slideright', $(this).parent()),
                    prev: $('.slideleft', $(this).parent()),
                    after: function onAfter(curr,next,opts) {
                        var caption = (opts.currSlide + 1) + ' / ' + opts.slideCount;
                        $('.counter').html(caption);
                    }
                });
            });
        });
    </script>

ここに私のhtmlコードサンプル

<div class="slidecontein"> 
 <div class="slideleft"> </div>
 <div class="slideright"> </div>

 <div class="slideshow"> 
 <div class="slide1">
 <img src="../imgs/01.jpg">
 </div>

  <div class="slide2">
 <img src="../imgs/02.jpg"> 
 </div>

 <div class="slide3">
 <img src="../imgs/03.jpg">
 </div>

    </div> <!-- END slideshow -->

       <div id="counter"></div>     <!-- my pages-counter -->

</div><!-- END slidecontein -->


<div class="slidecontein"> 
 <div class="slideleft"> </div>
 <div class="slideright"> </div>

 <div class="slideshow"> 

<div class="slide1">
 <img src="../imgs/10.jpg">
 </div>

  <div class="slide2">
 <img src="../imgs/11.jpg"> 
 </div>


 </div> <!-- END slideshow -->
 <div id="counter"></div>            <!-- my page counter -->
 </div><!-- END slidecontein -->

私もこれを試しました：

var ss=$(this).closest('.slidecontein')

それでも機能しません（スライドショーが壊れています）

4

1 に答える 1

0

一意ではないセレクター '.slidecontein .slideshow' で .each() メソッドを使用しているため、これが複数の要素と一致することが保証されます。基本的に、あなたの .cycle() メソッド コードは一度に複数のスライドショーを制御しています。

各スライドショー コンテナに ID を割り当て、それぞれ個別に .cycle() メソッドを使用する方がよいでしょう。そうすれば、それらはすべて独立して制御されます。

于 2012-11-01T15:37:27.067 に答える