jQWidgets jqxSortable revert属性

jQWidgets是一款基于jQuery的前端UI库，提供了丰富的UI组件和交互特效。其中的jqxSortable组件可以实现拖拽排序的功能，其中revert属性是其中的一个重要属性。下面将对revert属性进行详细讲解。

什么是jQWidgets jqxSortable的revert属性？

revert属性是jQWidgets jqxSortable组件的一个属性，表示当拖拽结束后，是否将被拖拽的元素返回到初始位置。

当revert属性设置为true时，在拖拽结束后，元素会回到原来的位置。当revert属性设置为'invalid'时，元素则会返回到拖拽前的位置。当revert属性设置为false时，则不会发生任何回滚。

jqxSortable的revert属性的实际应用

下面结合两个示例，讲解jqxSortable的revert属性的实际应用：

示例一：拖拽一个有限定区域的元素时，设置revert属性

在这个例子中，我们限制了拖拽元素的可移动范围，并且设置revert属性为true。当拖拽元素超出限定区域时，元素将自动返回到限定区域内。

$(function() {
    $("#jqxSortable").jqxSortable({
        containment: "#container",
        revert: true
    });
});

示例二：当拖拽元素被放置的位置无效时，设置revert属性

在这个例子中，我们设置revert属性为'invalid'。当拖拽元素被放置到一个无效的位置时，元素将会返回最初的位置。

$(function() {
    $("#jqxSortable").jqxSortable({
        revert: 'invalid'
    });
});

总结

revert属性是jQWidgets jqxSortable组件的一个重要属性，可以使拖拽结束后元素自动回到原始位置或者无效位置。以上是revert属性的详细介绍及应用示例。