在窗口左侧打开一个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的位置功能不支持定位隐藏元素。