jquery – jCarousel:你能删除所有项目并重新绑定到新的集合吗?

前端之家收集整理的这篇文章主要介绍了jquery – jCarousel:你能删除所有项目并重新绑定到新的集合吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
jCarousel documentation声明如下:
  • By passing the callback function itemLoadCallback as configuration option,you are able to dynamically create@H_301_6@ (li) items for the content.
    {…}
  • jCarousel contains a convenience method add() that can be passed the index of the item to create@H_301_6@ and the innerHTML string of the item to be created.

我的问题:

Is it possible to remove@H_301_6@ all items and rebind to a new collection?

顺便说一句:我不一定需要一种“便利方法”来做到这一点.我对解决方法非常开放.
仅供参考:This strategy似乎不起作用.

解决方法

你可以这样做,但你需要保持对旋转木马的引用并在其上调用重置.这可以通过使用传递给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>
原文链接:https://www.f2er.com/jquery/177642.html

猜你在找的jQuery相关文章