在窗口左侧打开一个 jquery 模态对话框

Question

我正在使用 jquery 模态对话框，我需要能够将其定位在页面的左侧，但我的代码无法设置位置。我做错了什么？

var $dialog;
function dialog(url) {
    $.get(url, {}, function (html) {
        $dialog = $('<div id="dialog" title="Create New Case"></div>').dialog({
            autoOpen: false,
            modal: true,
            close: function () {
                $("#dialog").remove();
            }
        });
        $dialog.html(html);
        $dialog.dialog("option", "width", "auto");
        $dialog.dialog("option", "height", "auto");
        $dialog.dialog("option", "left", "1%");
        $dialog.dialog("open");
    });
}

Answer 1

它不起作用，因为 jQueryUI 对话框没有名为 left 的选项。

使用position 选项代替as indicated in the docs。

请注意，您必须在打开对话框后设置位置，否则您会看到一些不寻常的结果，因为 jQueryUI 的位置功能不支持定位隐藏元素。