2014-09-01 58 views
1

使用jQuery UI 1.10.4其工作正常,但使用jQuery UI 1.11.1它不起作用。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 }); 
}); 

似乎有一个默认的基准问题。它的工作正常与上面的代码。

回答

2

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

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