爲什麼插件沒有動態初始化

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()應返回值fade, scrollUp, shuffle $("#cyclebounce").val()應返回的值作爲easeInOutBack, easeOutBack

參考Cycle Options

Answer 2

您用來重新初始化插件的值之一是不正確的。 Eitehr IdToInitialize，fx或easing不正確。

<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  
});