如何停止元素的resizable屬性在jQuery UI的

我使用jQuery UI庫提供一些UI功能的DOM元素。如何停止元素的resizable屬性在jQuery UI的

我有一個可以在客戶端選擇一個自定義尺寸選項來調整一個div，但我也有一個固定的尺寸調整大小div和客戶不能調整DIV另一種模式。

我的「自定義大小」的代碼是與此類似：

$("#element").resizable ({ 
    aspectRatio: 4/3, 
    minWidth: 320, 
    minHeight: 240, 
    maxWidth: 640, 
    maxHeight: 480 
});

但現在我需要停下來調整大小事件。我怎樣才能做到這一點？

謝謝。

通過禁用

該插件提供了一個「禁用」的方法，你可以這樣調用：

$("#element").resizable('disable');

的問題是，它增加了一個類「UI-國有禁用「給可調整大小的元素，給它一個視覺禁用狀態。如果你不希望出現這種情況，你覆蓋的風格或刪除添加的類是這樣的：

$("#element").resizable('disable').removeClass('ui-state-disabled');

通過破壞

另一種方式做，這是爲了「消滅」插件從元素，當你不希望它是可調整大小：

$("#element").resizable('destroy');

然後，您可以重新申請你的可調整大小，如果你想重新啓用的效果

2011-12-18 10:03:32

調用destroy或disable方法，例如：

$("#element").resizable('disable');

如果使用disable，您可以使用enable稍後，但是默認的動作也變暗元素中的位，你可能不想要的。

完全免費的現場演示：enable/disable | destroy/recreate

2011-12-18 10:02:19

回答