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()として値を返す必要がありますとして値を fade, scrollUp, shuffle $("#cyclebounce").val()返す必要があります easeInOutBack, easeOutBack

サイクルオプションを参照してください

Answer 2

プラグインの再初期化に使用している値の 1 つが正しくありません。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    
});