我正在使用jquery ui（jquery-ui-1.10.3）并且在Chrome中遇到了对话框的问题。
我按以下方式打开对话框：
$('#dialog').dialog({
width: 400,
buttons: {
"save": function() { update(); $( this ).dialog( "close" ); }
}
});
此对话框可拖动。对话框看起来很完美，但只要我需要拖动它，对话框就会跳/跳到页面底部，即使在滚动条下也是如此。这只发生在Chrome中。
也许有人遇到同样的问题。有什么想法吗？
由于
答案 0 :(得分：7)
这是jQuery UI 1.10.3中的一个错误 - http://bugs.jqueryui.com/ticket/9315。 也可以标记为jQuery ui dialog dragging issues的伪装。
答案 1 :(得分：3)
这似乎解决了这个问题
html, body {position: relative}
答案 2 :(得分：1)
尝试过
html, body {position: relative}
但它对我不起作用..但是，发现这对我的情况有效。
body { height: 100%; }
修复了很多奇怪的问题。
答案 3 :(得分：0)
对我来说，jquery-ui 1.10.1效果很好。 1.10.3中的错误似乎也在1.10.4中。
答案 4 :(得分：0)
即使bug已经修复，它也无法在jQuery UI 1.10.3中运行。我发现它已修复：jQuery UI 1.11.2，未尝试过以下任何版本。但1.11.2都很好。
答案 5 :(得分：0)
试
$( "#dialog-confirm" ).dialog({position: 'center',...
使用jquery-ui-1.9.2.custom
解决了我的问题答案 6 :(得分：0)
添加样式表：
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
为我修复了
答案 7 :(得分：0)
为必要的元素添加相对位置：
html, body, header, nav, main, footer, article, section, summary{
position: relative;
},
我在身体元素上添加了相对定位，这解决了我的问题。我正在使用jquery-ui-1.10.4