jquery-ui - 创建 jQuery UI 小部件后如何更改其选项？

Question

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

我想创建一个与网格对齐的可拖动框，但如果用户调整页面大小，我想缩放网格。在窗口调整大小事件中，如何访问可拖动元素的 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] );