jquery - 点击时如何重新绑定jcarouselite？

Question

这是我第一次发帖，希望大家多多谅解！！

当我动态绑定它时，我遇到了 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 来更改哪个 div 元素将绑定到 jcarouselite 但它不起作用。我希望你能帮助我。谢谢！！

我忘了说这是我使用的插件：http ://www.gmarwaha.com/jquery/jcarousellite/

Answer 1

该插件不是为一页多实例制作的。但是您可以尝试像这样隐藏其他的：http: //jsfiddle.net/kannix/B2PfG/1/