我已经设置了一个可调整大小的 div:
$("mydiv").resizable();
现在,当您向右调整大小时,光标会离开实际调整大小的部分。因此,如果光标碰到屏幕的一侧,您必须放开鼠标并返回并重新开始调整大小,如果您想让它变大。我知道对于可拖动的,有一个 cursorAt 选项,它会告诉光标停留在那个 div 上。我查看了 jquery ui.com,但没有看到可调整大小的 cursorAt。有没有办法在调整大小时将鼠标光标保持在可调整大小的部分上?
我已经设置了一个可调整大小的 div:
$("mydiv").resizable();
现在,当您向右调整大小时,光标会离开实际调整大小的部分。因此,如果光标碰到屏幕的一侧,您必须放开鼠标并返回并重新开始调整大小,如果您想让它变大。我知道对于可拖动的,有一个 cursorAt 选项,它会告诉光标停留在那个 div 上。我查看了 jquery ui.com,但没有看到可调整大小的 cursorAt。有没有办法在调整大小时将鼠标光标保持在可调整大小的部分上?
啊,我明白了,罪魁祸首似乎是你指出的:
“这是因为我正在调整大小的另一个 div 具有该属性margin:0 auto
”
拥有0 auto
意味着左边距,右边距会自动调整以平衡元素,这将使div
元素居中。我认为您不想在调整div
大小以保持居中时以这种方式调整大小作为移动的位置。
我的建议,删除auto
您的保证金设置。
更新:
我在resizble 演示页面的 firebug 中运行了这个:
$("#resizable").css("margin","0 auto");
to center the box using auto
margin
调整大小的光标从框的角落移开,您从原始大小拖动得越多。
然而,尽管“体验”感觉很奇怪,但它仍然有效。