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

Question

似乎制作jQuery小部件的常用方法是在元素上调用函数，将选项作为参数传递，然后不再直接触摸小部件。有没有办法在创建窗口小部件后更改它？

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

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

Answer 1

来自Jquery ui文档：

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

所以你可以做到

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