jquery 可调整大小的光标帮助答案

【问题标题】：jquery resizable cursor helpjquery 可调整大小的光标帮助
【发布时间】：2009-11-14 08:41:18
【问题描述】：

我设置了一个可调整大小的 div：

$("mydiv").resizable();

现在，当您向右调整大小时，光标会离开实际调整大小的部分。因此，如果光标碰到屏幕的一侧，您必须放开鼠标并返回并重新开始调整大小，如果您想让它更大的话。我知道对于可拖动的，有一个 cursorAt 选项，它会告诉光标停留在那个 div 上。我查看了 jquery ui.com，但没有看到可调整大小的 cursorAt。有没有办法在调整大小时将鼠标光标保持在可调整大小的部分上？

【问题讨论】：

不太明白这个问题。参考jqueryui.com/demos/resizable 的 UI/Resizable 演示，这不是您想要的标准行为吗？
是的，这就是我想要的，但由于某种原因，我的光标没有像 jquery 演示中那样停留在调整大小部分。
我想我可能找到了问题所在。我认为这是由我正在调用的 alsoResize 函数引起的。当我调整这个 div 的大小时，我正在调整另一个 div 的大小，但我实际上并没有调整那个 div 的大小。只有当有人调整我允许的大小时，我才希望它自行调整大小。有什么建议？我也会回去接受一些答案。我完全忘记了。
可能是错误的。我只是尝试在调用alsoResize 之前使那个可调整大小，但它似乎具有相同的效果。
好的，所以我找出了问题的确切原因。这是因为我正在调整大小的另一个 div 具有属性 margin:0 auto。如果我删除自动它工作正常。似乎汽车财产正在扼杀它。有什么想法吗？

标签： jquery user-interface cursor resizable

【解决方案1】：

啊我明白了，罪魁祸首似乎是你指出的：

“这是因为我正在调整大小的另一个 div 具有属性margin:0 auto”

拥有0 auto 表示左右边距会自动调整以平衡，这将集中div 元素。我认为您不想以这种方式调整大小，因为在调整大小以保持居中时div 的位置会移动。

我的建议，删除您的保证金的auto 设置。

更新：
我在 resizble demo page:
$("#resizable").css("margin","0 auto"); 的萤火虫中运行了这个，使用 auto 边距使框居中

这是我的截图：

调整大小的光标越远离框的角，越远离原始尺寸。

尽管“体验”感觉很奇怪，但它仍然有效。

【讨论】：

我无法删除边距的自动设置。这就是该元素的中心，因此通过删除自动设置它会使我的页面不再正确查看。有没有办法我仍然可以使该元素居中但使光标停留在那里？
@ngreenwood6：在我更新的帖子中查看我的“实验”。调整居中框的大小仍然有效，但效果不是很好。您可以在演示页面上自己尝试并与自己的进行比较。
CSS 在集中化方面很麻烦，我们需要一个align: center center;