javascript - 如何在不重新加载页面的情况下重置Rhinoslider Jquery插件？

在下面的jQuery代码中

$('#slider').rhinoslider({
            effect: 'kick',

            autoPlay:'true',
            showTime: 200,
});

我想重置Rhinoslider jQuery并更改滑块效果
无需刷新页面

最佳答案

this之类的东西？

脚步


在初始化之前克隆滑块ul并将其保存在变量中
初始化插件
要更新时，请删除现有的滑块
将克隆的副本追加到body或任何dom元素
重新初始化滑块
利润。！！！


CODE（有关运行中的代码，请检查提琴）

var slides = $('#slideshow').clone();
$('#slideshow').rhinoslider();

$('button').click(function(){
    $('.rhino-container').remove();
    $('body').append(slides);
    $('#slideshow').rhinoslider({effect:"explode"});
})