博客

下面是“jQWidgets的jqxSortable tolerance属性”的详细讲解：

jqxSortable – tolerance属性

tolerance属性用于确定拖拽元素与可放置区域的匹配程度，即在哪些情况下可以认为拖拽元素已经与可放置区域匹配。该属性具有以下几种取值：

• intersect：拖拽元素与可放置区域有交集时即可认为匹配。此为默认值。
• pointer：拖拽元素的指针位置与可放置区域重叠时即可认为匹配。
• fit：拖拽元素完全覆盖可放置区域时即可认为匹配。
• touch：拖拽元素与可放置区域接触时即可认为匹配。

示例代码如下：

// 示例一
$("#sortable").jqxSortable({
    tolerance: "fit", // tolerance的值为fit
    items: "> div",
    connectWith: "#sortable2"
});

// 示例二
$("#sortable2").jqxSortable({
    tolerance: "pointer", // tolerance的值为pointer
    items: "> div",
    connectWith: "#sortable"
});

在上述示例中，我们分别为两个拖拽容器设置了tolerance属性，并传入不同的取值。这样一来，拖拽元素与可放置区域的匹配方式也随之发生变化。

可在tolerance属性后传入以下对应的值：

• intersect：可不传入任何参数。
• pointer：可不传入任何参数。
• fit：可不传入任何参数。
• touch：可不传入任何参数。

关于其他属性的详细说明，可参考官方文档：jqxSortable API文档。