jCarousel 文档陈述如下:
- 通过传递回调函数 itemLoadCallback 作为配置选项,您可以动态地create(li) 内容项。
{...}
- jCarousel 包含一个方便的方法 add() ,可以将项目的索引传递给create以及要创建的项目的innerHTML 字符串。
我的问题:
是否有可能remove所有项目并重新绑定到新集合?
顺便说一句:我不一定需要“方便的方法”来做到这一点。我对解决方法持非常开放的态度。
FYI: 这个策略似乎不起作用。
您可以这样做,但您需要保留对轮播的引用并调用reset
在上面。这可以通过使用来实现initCallback
传递给 jcarousel 函数的选项。
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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)