jQuery UI 可调整大小的 handle 点击区域/灵敏度/容差

Question

我正在使用 jQuery ui ressized，我(个人)发现它就像一个视频游戏，可以在您尝试调整元素大小时确定点击区域。

看起来命中区域是 div 边缘的单个像素! WT...

有人知道如何增加 handle 的点击面积/容差，这样你就不必像外科医生一样移动鼠标来捕获 div 的边缘吗？

Answer 1

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

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

在这种情况下，您将拥有可调整大小的圆形 handle ，颜色为蓝色，而且更大。

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

在这种情况下， handle 的形状将为矩形。因此，您可以使用这些句柄对 CSS 执行任何操作。

演示:http://jsfiddle.net/lotusgodkk/GCu2D/92/