0

初投稿ですのでよろしくお願いします！！

jcarousellite を動的にバインドすると問題が発生します。

私のマークアップは次のようになります。

 <div class=outside1>
<ul>
<li>something here</li>
<li>something here</li>
<li>something here</li>
<li>something here</li>
</ul>
</div>
 <div class=outside2>
<ul>
<li>something here</li>
<li>something here</li>
<li>something here</li>
<li>something here</li>
</ul>
</div>
 <div class=outside3>
<ul>
<li>something here</li>
<li>something here</li>
<li>something here</li>
<li>something here</li>
</ul>
</div>

<div class="nav">
<a class="page1"></a>
<a class="page2"></a>
<a class="page3"></a>
</div>

<script type="text/javascript">  
    jQuery(window).load(function () {        
                jQuery(function () {
                    jQuery("div.outside1").jCarouselLite({                                 
                        mouseWheel: true,
                        //auto: 800,
                        speed: 1000,
                        easing: "easeOutBounce",
                        visible: 7
                    });
           });
jQuery('.page1').click(function () {
        setTimeout(function () {
                jQuery("div.outside1").jCarouselLite({                                    
                        mouseWheel: true,
                        //auto: 800,
                        speed: 1000,
                        easing: "easeOutBounce",
                        visible: 7
                    });                              
            }, 5000);
  });
jQuery('.page2').click(function () {
        setTimeout(function () {
                jQuery("div.outside1").jCarouselLite({                                    
                        mouseWheel: true,
                        //auto: 800,
                        speed: 1000,
                        easing: "easeOutBounce",
                        visible: 7
                    });                              
            }, 5000);
  });
jQuery('.page3').click(function () {
        setTimeout(function () {
                jQuery("div.outside1").jCarouselLite({                                    
                        mouseWheel: true,
                        //auto: 800,
                        speed: 1000,
                        easing: "easeOutBounce",
                        visible: 7
                    });                              
            }, 5000);
  });
    });
    </script>

私の問題は、page1、page2、page3 をクリックして、jcarousellite にバインドする div 要素を変更するときですが、機能しません。私はあなたが私を助けてくれることを願っています.Thanks!!

これが私が使用しているプラ​​グインであると言うのを忘れました：http://www.gmarwaha.com/jquery/jcarousellite/

4

1 に答える 1

0

プラグインは、複数インスタンス 1 ページ用には作成されていません。ただし、次のように他のものを非表示にすることもできます: http://jsfiddle.net/kannix/B2PfG/1/

于 2012-07-24T15:25:53.047 に答える