javascript - 为什么插件没有动态初始化

Question

$("#" + IdToInitialize).cycle("destroy").cycle({
    fx: $("#cyclescroll").val(),
    easing: $("#cyclebounce").val(),
    speed: 1000,
    timeout: 2000
});

这里有什么问题，为什么循环插件没有用新设置再次初始化？

Answer 1

试试这种方式： -

$("#" + IdToInitialize).cycle("destroy");
$("#" + IdToInitialize).cycle({
    fx: $("#cyclescroll").val(),
    easing: $("#cyclebounce").val(),
    speed: 1000,
    timeout: 2000 
}); 

确保

$("#cyclescroll").val()应该返回值 as fade, scrollUp, shuffle $("#cyclebounce").val()应该返回值 as easeInOutBack, easeOutBack

参考周期选项

Answer 2

您用于重新初始化插件的值之一不正确。Eitehr IdToInitialize、fx 或 easing 不正确。

http://jsfiddle.net/ny2Tj/3/

单击按钮时，以下内容按预期工作：

<div id="sliders">
<div id="slideshow">
<img src="http://scienceblogs.com/startswithabang/upload/2012/04/why_should_there_be_dark_matte/AS17-148-22727_lrg-thumb-500x500-74032.jpeg" />
<img src="http://weblogs.marylandweather.com/4526619322_1912218db8.jpg" />
<img src="http://www.silverstar-academy.com/Blog/wp-content/uploads/2012/03/03-14-12N00184967.jpg" />
<img src="http://cdn.the2012scenario.com/wp-content/uploads/2011/11/sunspot-500x500.jpg" />
</div>
<div id="pager"></div>
</div>

<button id="reinit">Reinit</button>

JS：

$('#slideshow').cycle({fx:'scrollHorz', pager: '#pager'});
$('#reinit').click(function() {
$('#slideshow').cycle('destroy').cycle({fx:'scrollVert'}); // change effect remove pager    
});