jQuery UI可调整大小处理命中区域/灵敏度/容差

Question

我正在使用jQuery ui resizable,我(个人)发现它就像一个视频游戏来确定你试图调整元素大小时的命中区域.

似乎命中区域是div边缘的单个像素!WT ...

有谁知道如何增加手柄的命中区域/容差,这样你就不必像外科医生一样移动鼠标来抓住你的div的边缘？

Answer 1

可调整大小的句柄具有 class ui-resizable-handle。您可以根据自己的方便和选择来设置这些类的样式。您可以增加它们的大小、尺寸、形状等。例如：

.ui-resizable-handle{width:0;height:0;border:4px solid blue;border-radius:10px;}

在这种情况下，您将拥有圆形、蓝色和更大的可调整大小的手柄。

.ui-resizable-handle{width:0;height:0;border:4px solid blue;}

在这种情况下，手柄的形状为矩形。所以，你可以用这些句柄用 CSS 做任何你想做的事。