Question

我有一个div，我希望能够调整大小并拖延但看到问题。这个div是绝对定位的，z索引为1000.它有文本，但也可以有很多空格。

对于draggable，如果鼠标位于包含文本的div的一部分上，它将起作用。如果没有文字，它就无法抓住div。

我无法让可调整大小的插件工作。我可以看到添加的div和右下角的小雪佛龙看起来的东西。但是，再次，当我点击那里没有任何反应，它最终突出显示在这个div后面的div中的文本。

我注意到ui-resizable试图将我的div的css位置设置为相对但是被我的css覆盖，这使得它绝对。我找不到任何你不能在绝对定位元素上使用这个小部件的引用。事实上，在线阅读似乎不应该是一个问题。

有什么想法吗？

Answer 1

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

HTML

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

JQuery的

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

我相信您的问题在您的代码中的其他位置。

Answer 2

我弄清楚问题是什么。在div的大父母我应用它，我之前已将其z-index设置为-1，以确保按正确的顺序排列。当我把它改为1时，一切正常。所以我认为问题是一些外部div覆盖了可拖动，可重复调整的div。