javascript - 如何为通过 JavaScript 创建的对话框设置位置

Question

HTML：

<a href="www.google.com">Link</a>

JavaScript

$(document).ready(function() { 
    $(document.body).on('click',"a",function(event){ 
        if ($(this).hasClass('ui-dialog-titlebar-close')) return;
        event.preventDefault();        
        var data = '<div id="dialog" title="Basic dialog">';
            data += '<p>Hello.</p></div>';
        $(data).dialog();
    });  
});

我想为这个对话框设置一个位置。我尝试更改$(data).dialog();为$(data).dialog('option', 'position', [200,300]);，但它不起作用。我该如何设置？

jsfiddle：http: //jsfiddle.net/fcTcf/

Answer 1

它应该是：

$(data).dialog({
    position: [200, 300]
});

该语法$(data).dialog('option', 'option-name', value)用于更改已经初始化的对话框的选项。但是如果你想在初始化时指定选项，你可以使用一个选项对象作为小部件的参数。

Answer 2

您错误地使用了选择器。

$(data)where$data不是类或 id，data 是包含 html 的字符串。

尝试$("#dialog").dialog();然后您肯定可以通过 API 文档弄清楚。

Answer 3

有一个指向jQuery Dialog Widget的 api 文档的链接，如果您想要更精细地控制位置，这个jQuery 位置将为您提供帮助。

Answer 4

$(document).ready(function() { 
    $(document.body).on('click',"a",function(event){ 
        if ($(this).hasClass('ui-dialog-titlebar-close')) return;
        event.preventDefault();        
        var data = '<div id="dialog" title="Basic dialog">';
            data += '<p>Hello.</p></div>';

        var options={
            position:[200,300]
        };

        $(data).dialog(options);
    });  
});

您可以像这样设置“选项”