Question

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

$("#dialog").dialog({
    autoOpen: false,
    show: "blind",
    hide: "explode"
});

$("#opener").click(function() {
    $("#dialog").dialog("open");
    return false;
});

// BUTTONS
$('.fg-button').hover(function() {
    $(this).removeClass('ui-state-default').addClass('ui-state-focus');
}, function() {
    $(this).removeClass('ui-state-focus').addClass('ui-state-default');
});

// MENUS        
$('#hierarchybreadcrumb').menu({
    content: $('#hierarchybreadcrumb').next().html(),
    backLink: false
});

在此处查看实时版本：http://jsfiddle.net/nrWug/1

如果我打开iPod菜单而不是拖动对话框，iPod菜单就会移位。如何绑定这两个以使对话框可拖动并可调整大小？

Answer 1

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

如果要在iPod样式菜单中添加自定义回调功能，请转到fg.menu.js第244行并添加自定义功能。

如果你因为整洁的iPod风格菜单而来到这里，请等待jQuery UI更新到1.9版本。此功能将直接从Filament Group（主要贡献者）中获取。您可以查看实际状态并下载1.9版本。这是当前的demo，它还没有包含iPod风格的菜单。

我决定不使用该菜单，因为如果与jQuery UI（尤其是对话框）一起使用，菜单会出现主要的跨浏览器兼容性问题。如果jQuery UI已经接管了1.9 stable中的功能，那么毫无疑问，这个节省空间的菜单/选择框将在网络上更频繁地被看到。

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

1 个答案: