如何在不重新加載頁面的情況下重置Rhinoslider Jquery插件？

Question

在下面的jQuery代碼中

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

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

我想重置Rhinoslider jQuery並更改滑塊效果而不刷新頁面

Answer 1

像這樣 ？

腳步

1. 在初始化之前克隆滑塊ul並將其保存在變量中
2. 初始化插件
3. 要更新時，請刪除現有的滑塊
4. 將克隆的副本附加到body或任何dom元素
5. 重新初始化滑塊
6. 利潤。！！！

CODE （有關運行中的代碼，請檢查提琴）

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

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