在jQuery中,如何在完成大小调整后销毁resizable()功能?

时间:2010-07-07 23:15:31

标签: jquery jquery-ui jquery-plugins

我有一个应用程序,当你点击一个div它启动div上的可调整大小的功能,但当我点击它,或点击另一个div我怎么能摧毁它?我不认为stop: function(){}会完全这样做,因为它会在调整大小后销毁它。有什么想法吗?

我在这里有一个例子:http://www.fissiondesigns.com/simon/

您可以单击图像上的任一框​​并调整其大小,但之后我希望能够破坏可调整大小的功能,如果您单击另一个框,有点像可选框,但一次只能有1个。谢谢!

3 个答案:

答案 0 :(得分:5)

要从元素中删除可调整大小的要素,请使用:

$('#my-box').resizable("destroy");

有关完整文档,请参阅http://jqueryui.com/demos/resizable/

答案 1 :(得分:1)

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

答案 2 :(得分:0)

将disabled属性设置为关闭resizable()

$( ".selector" ).resizable( "option", "disabled", true );

文档:

http://docs.jquery.com/UI/Resizable