jquery - jCarousel:您可以删除所有项目并重新绑定(bind)到新集合吗？

jCarousel documentation 声明如下:



我的问题:



顺便说一句:我不一定需要一种“便利方法”来做到这一点。我对解决方法持开放态度。
仅供引用:This strategy 似乎不起作用。

最佳答案

您可以这样做，但您需要保留对旋转木马的引用并在其上调用 reset。这可以通过使用传递给 jcarousel 函数的 initCallback 选项来实现。

function carousel_callback( carousel, state) {
    // BWA-HA...I have the carousel now....FEEL THE POWER!

    // reset empties it out
    $('#reset-caro').click( function( evt ) {
        carousel.reset();
    });

    // here's how to call add
    $('#add-to').click( function( evt ) {
        // ..this just adds to the first spot..modify as needed
        carousel.add(0, "<li>O HAI!</li>");
    });
}

$(document).ready(function() {
    $('#mycarousel').jcarousel( {
        initCallback: carousel_callback
    });
});

这是我的 HTML:

  <a id="reset-caro" href="#">reset</a>

  <a id="add-to" href="#">add</a>

  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li>MOM</li>
    <li>DAD</li>
    <li>BROTHER</li>
    <li>SISTER</li>
  </ul>

关于jquery - jCarousel:您可以删除所有项目并重新绑定(bind)到新集合吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1375171/