2011-11-03 14 views
10

jQueryウィジェットを作成する通常の方法は、要素上の関数を呼び出し、オプションをパラメータとして渡してからウィジェットを直接直接触れないようにすることです。ウィジェットの作成後にウィジェットのオプションを変更する方法はありますか?jQuery UIウィジェットのオプションを作成した後に、どのように変更できますか?

グリッドに合わせたドラッグ可能なボックスを作成したいが、ユーザーがページのサイズを変更した場合、グリッドを拡大縮小したい。ウィンドウのサイズ変更イベントでは、ドラッグ可能な要素のgridプロパティにどのようにアクセスできますか? jQueryのUIのドキュメントから

$('.box').draggable({grid: [40,40]}); 
... 
$(window).resize(function(){ ??? }); 

答えて

14

$(".selector").draggable("option", "grid", [50, 20]); 

ですから、

$(".box").draggable("option", "grid", [width, height]); 
+0

を行うことができます私はまさにこの、http://jsfiddle.net/bz2aeLrg/1/ をしていますしかし、私はその後にウィジェットをリフレッシュ/更新する必要があるようです。 'Change Mode'ボタンをクリックした後のサンプルでは、​​プロパティが更新されますが、ブラウザウィンドウのサイズを変更した場合にのみUIが更新されます。 – Sam007

+0

はそれを得ました。 '$(window).resize();});' – Sam007

関連する問題