我该如何在创建jQuery UI小部件后更改其选项？

Question

通常创建jQuery小部件的方法是在元素上调用一个函数，将选项作为参数传递，然后不再直接操作小部件。那么，在小部件创建后有没有办法更改小部件的选项？

我想创建一个对齐到网格的可拖动框，但如果用户调整页面大小，我想要缩放网格。在窗口大小调整事件中，如何访问可拖动元素的grid属性？

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

- davidscolgan

Answer 1

从JQuery UI文档中：

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

所以你可以这样做

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

- Keith.Abramo

---

我正在做这个，http://jsfiddle.net/bz2aeLrg/1/但是似乎我需要在此之后刷新/更新小部件。在示例中，当您单击“更改模式”按钮后，属性会更新，但仅当我调整浏览器窗口大小时，UI才会更新。 - Sam007

明白，$(window).resize();});。 - Sam007