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

标签 jquery resizable handles

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

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

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

最佳答案

可调整大小的句柄具有类 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/

关于jQuery UI 可调整大小的 handle 点击区域/灵敏度/容差,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23571476/

相关文章:

c# - 何时使用 Dispose 或何时使用 Using

c++ - 如何回收 RPC 运行时分配的线程句柄?

jquery - 登录成功后立即获取用户名和身份

jQuery:忽略 <li> 元素内的类

image - 灵活的 css 按钮没有图像

javascript - 如何使 DOM 元素的高度可调整大小?

vb.net - Delphi 中的 VB [(Function) 句柄 ...] 等效项

javascript - 在加载 jQuery 之前阻止链接

Jquery 图标没有出现在 html 中

css - 图片链接无法点击