如何在没有页面重新加载的情况下重置Rhinoslider Jquery插件？

Question

在下面的jquery代码中

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

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

我想重置rhinoslider jquery并更改滑块效果 没有刷新页面

Answer 1

类似于this one？

步骤

1. 在初始化之前克隆滑块ul并将其保存在变量
中
2. 初始化插件
3. 如果要更新，请删除现有滑块
4. 将克隆的副本附加到body或任何dom元素
5. 重新初始化滑块
6. PROFIT。!!!

代码（代码在行动中检查小提琴）

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

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