Css 将一个弹出窗口绑定到另一个可拖动的弹出窗口

我使用一个jqueryui对话框，其中有另一个弹出窗口

$（“#dialog”）.dialog({
自动打开：错误，
表演：“盲人”，
隐藏：“爆炸”
});
$（“#开场白”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
返回false；
});
//钮扣
$（'.fg按钮'）。悬停（函数（）{
$（this）.removeClass（'ui-state-default'）.addClass（'ui-state-focus'）；
}，函数（）{
$（this）.removeClass（'ui-state-focus'）.addClass（'ui-state-default'）；
});
//菜单
$（'hierarchybreadcrumb'）。菜单({
内容：$（'hierarchybreadcrumb'）.next（）.html（），
反向链接：false
});

请参见以下实时版本：

---

如果打开iPod菜单并拖动对话框，iPod菜单将被替换。如何绑定这两个选项以使对话框可拖动和调整大小？

要使其工作，您必须使用jQuery对话框中的“拖动”事件并调整菜单的位置

如果要在iPod样式菜单中添加自定义回调函数，请进入

fg.menu.js

第244行并添加自定义函数

如果您在这里是因为整洁的iPod风格菜单，请等待jQuery UI更新到1.9版。此功能将直接从灯丝组（主要贡献者）中集成。您可以查看实际状态并下载1.9版本。以下是当前尚未包含iPod风格菜单的菜单

---

我决定不使用该菜单，因为如果与jQueryUI（尤其是dialog）一起使用，该菜单会存在跨浏览器兼容性问题。如果jQuery UI已经接管了1.9 stable中的功能，那么毫无疑问，这个节省空间的菜单/选择框将在web上更为常见。

好吧，这个特定的插件没有提供太多的使用可能性：没有回调，不支持刷新菜单等方法（如jQuery UI），无法访问“小部件”。。。恐怕您最好使用不同的插件，或者（深入地）修改插件源代码以满足您的需要。您的原始JavaScript代码相当糟糕，带有无关的

$（document）。ready

调用（演示甚至不需要这些，因为演示代码已经只在

body.onload

上执行。此外，您的原始演示没有正确包含样式-CSS部分中的代码不应包装在

标记中。@jiang thx指出。没有注意。thx forking正确，其他人可以使用。）正确地学习。很高兴知道。我通常很少看插件的未来版本。