jquery - 模拟破坏后重新初始化 NivoSlider

Question

nivoslider 不包含销毁或初始化方法。使用以下代码模拟破坏后：

$('#slider').data('nivo:vars').stop = true;
$('#slider').find('div.nivo-slice').remove();
$('#slider').find('div.nivo-caption').remove();
$('#slider').find('div.nivo-controlNav').remove();
$('#slider').removeAttr("style");
$('#slider').empty();                               
$(window).unbind('keypress');

并$('#silder').nivoSlider()再次使用它卡在第一张图像上。

Answer 1

好的，最好的方法是忘记所有破坏性的东西，并用它的初始状态替换 silder。假设silder的初始状态是：

<div id="silder" class="nivoSlider"></div>

然后，一步完成销毁和初始化的最佳方法是执行以下操作：

$('#silder').replaceWith('<div id="slider" class="nivoSlider"></div>');