jQuery UI 1.11.1 - 动态对话框定位不起作用

时间:2014-09-01 07:16:05

标签: jquery jquery-ui

使用jQuery UI 1.10.4它工作正常,但是使用jQuery UI 1.11.1它不起作用。

使用jQuery UI定位对话框:

http://jsfiddle.net/avpbsnx3/

# working with 1.10.4

$(document).on('click', '.recenter', function () {
    $('#myDialog').dialog("option", "position", { my: 'center', at: 'center' });
});

http://jsfiddle.net/6kkn9oqj/

# not working with 1.11.1

$(document).on('click', '.recenter', function () {
    $('#myDialog').dialog("option", "position", { my: 'center', at: 'center' });
});

这是新版本中的错误,还是我使用错了?

修改

$(document).on('click', '.recenter', function () {
    $('#myDialog').dialog("option", "position", { my: 'center', at: 'center', of: window });
});

似乎存在默认参考问题。它与上面的代码一起正常工作。

1 个答案:

答案 0 :(得分:2)

现在看来,过去工作的一些“非官方”的价值观已经不再适用了。在使用位置的网络上有很多例子:例如,“中心”,这适用于1.10.4(它是否有效,因为它实际上有效或被忽略并使用默认值)。文档说明默认位置为:{my:“center”,at:“center”,of:window}。在创建对话框时使用时,指定“中心”或不完整的定义现在默认为左上角定位,或者在尝试重新定位时忽略。

http://api.jqueryui.com/dialog/#option-position