jquery - jQuery可拖动错误

Question

我在 jsfiddle 上创建了一个示例，该示例在对话框http://jsfiddle.net/didierg/dNyYQ/上有选项卡，我做了一些更改。首先，我添加了一个标题栏，http://jsfiddle.net/wwDpD /1/然后将 draggable 设置为 true http://jsfiddle.net/wzF5Y/2/

最后的小提琴令人惊讶地在 jsfiddle http://jsfiddle.net/wzF5Y/2/上运行，但是当我运行浏览器 FF 12.0 的示例时，对话框隐藏在最顶部的 div 上方；即在打开对话框按钮上方。

我能错过什么？

图片：

Answer 1

似乎对话框（以及覆盖）被限制为divwith id="force"。div考虑到其子元素的大小，Firefox 会尽量保持其大小。因此，当您尝试拖动对话框时，它会在 force 内向上推div，因为div它只覆盖了页面的顶部。在其他浏览器中，力的尺寸div被最大化，因此您可以将对话框拖动到页面上的任何位置。您可以通过添加以下 CSS 获得与其他浏览器相同的行为：

#force {
    height: 100%;
    width: 100%;
}

Answer 2

您是否尝试设置对话框的 z-index。此外，如果您可以发布您在 FF 中看到的内容的快照，那就太好了。