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

Question

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

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

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

Answer 1

从Jquery ui文档:

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

所以你可以做到

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