Javascript 在对话框上使用jQuery可调整大小的帮助器

根据此，我如何在？

上使用功能（在调整容器大小时仅显示一个框架），应该可以执行以下操作：

dlg.dialog('widget').resizable('option','helper','ui-resizable-helper')

但不幸的是，jQueryUI（）中有一个bug阻止了它的工作

一种可能的解决方案是使用jQueryUI

resizeable

而不是

dialog

。取决于您对对话框功能的依赖程度。

说明了如何实现您的目标。这是一张工作票

答案有一个缺陷：如果对话框正在收缩，则调整大小手柄会位于对话框下方。这是通过

z-index:10000解决的！重要的。这里链接的jsFiddle包括修复程序


HTML:


这是用于显示信息的默认对话框。可以使用“x”图标移动、调整和关闭对话框窗口


CSS:

.ui可调整大小的帮助器{
边框：2个点#00F；
z指数：10000！重要；
}

JavaScript:

$（“#dialog”）.dialog（）.dialog（'widget'）。可调整大小（'destroy'）。可调整大小({
帮助程序：“ui可调整大小的帮助程序”
});
由于对话框的
可调整大小
选项只是一个布尔值，因此在不编辑实际小部件源代码的情况下，您可能无法实现这一点