jQuery UI 可调整大小和可拖动的问题

Question

我有一个 div，我希望能够调整其大小并拖动它，但我发现了一些问题。这个 div 是绝对定位的，z-index 为 1000。它里面有文本，但也可以有很多空白。

对于可拖动，如果鼠标悬停在具有文本的 div 的一部分上，它将起作用。如果没有文字，则无法抓取 div。

我根本无法使用可调整大小的插件。我可以看到添加的 div 和右下角的小人字形。但是同样，当我点击那里时，什么也没有发生，它最终突出显示了这个 div 后面的 div 中的文本。

我注意到 ui-resizable 试图将我的 div 的 css 位置设置为相对，但被我的 css 覆盖，这使它成为绝对。我找不到任何不能在绝对定位元素上使用此小部件的参考。其实，上网看这个好像应该问题不大。

有什么想法吗？

Answer 1

绝对定位不会影响 div 的大小或可拖动。这似乎工作得很好：

HTML

<div id="dragResize"></div>

jQuery

$("#dragResize").draggable().resizable();

JSFiddle

我相信您的问题出在代码的其他地方。

Answer 2

我发现了问题所在。在我应用它的 div 的祖父上，我早些时候将它的 z-index 设置为 -1 以确保事情以正确的顺序排列。当我将其更改为 1 时，一切正常。所以我认为问题是一些外部 div 覆盖了可拖动、可调整大小的 div。