📜  jQWidgets jqxSortable 容差属性(1)

📅  最后修改于: 2023-12-03 15:02:21.041000             🧑  作者: Mango

jQWidgets jqxSortable 容差属性

jQWidgets jqxSortable 是一个基于 jQuery 的可排序列表控件,它允许您拖放并重新排序项目。其中一个重要的属性是容差属性,它决定了拖拽操作时的鼠标位置与目标项目的距离多少才能将其移到目标位置。

容差属性的语法格式
$("#sortable").jqxSortable({
  tolerance: "intersect"
});
容差属性的取值

容差属性有三个取值:fit、intersect、pointer。

  • fit 取值表示同步连接项目的位置。

fit

  • intersect 取值表示拖动的鼠标必须与目标项的区域重叠,才能移动到目标项。

intersect

  • pointer 取值表示鼠标必须与目标项的像素相交,才能被移动到目标位置。

pointer

如何设置容差属性

容差属性可以通过调用 jqxSortable 对象的 options 方法来设置或修改。

$("#sortable").jqxSortable('options', 'tolerance', 'pointer');
注意事项

容差属性是一个可选属性,如果不设置,则默认为 "intersect" 取值。在使用该属性时,应仔细评估所需的交互体验并选择最适合的属性取值,以确保用户可以顺畅地与拖放操作进行交互。

总结

jQWidgets jqxSortable 的容差属性是一个重要的属性,决定了拖拽操作时鼠标位置与目标项目的距离多少才能将其移到目标位置。本文介绍了该属性的取值、语法格式、如何设置该属性以及需要注意的事项。通过本文的介绍,您可以更好地了解该控件并可以根据自身需求进行不同的设置。