jQWidgets jqxSortable 启动事件介绍

jqxSortable是一个基于jQuery的插件，用于实现拖拽排序功能。而jqxSortable的启动事件则是在sortable开始拖动时触发的事件，开启jqxSortable的基本方法如下：

$("#sortable").jqxSortable({
  // options
});

从上述代码可以看出，在id为“sortable”的标签上使用jqxSortable方法即可激活拖拽排序功能。

为了方便开发者根据实际需求调用jqxSortable方法，下面将详细介绍jqxSortable启动事件的用法。

jqxSortable启动事件用法

jqxSortable的启动事件有两种用法：

1. 使用回调函数

$("#sortable").on("start", function (event) {
  // code
});

2. 传递options对象

$("#sortable").jqxSortable({
  start: function (event) {
    // code
  }
});

两种用法本质相同，只是介绍方式不同而已。

无论哪种用法，其实本质都是在jqxSortable开始拖动时，触发了start事件。start回调函数有一个参数，即event对象，可以通过该对象获得被拖动元素的信息。

接下来是一个示例代码，演示jqxSortable启动事件的用法：

$("#sortable").jqxSortable({
  start: function (event) {
    // 获得当前拖动元素的位置
    var position = $(event.args.item).position();
    console.log("位置：", position.left, position.top);
  }
});

上述代码演示了如何通过event对象获取拖动元素的位置，开发者可以根据实际需求做出更多操作。

除了start事件外，jqxSortable还提供了其他丰富的事件供开发者使用。如果您对jqxSortable感兴趣，可以查看官方文档获取更多信息：jqxSortable官方文档。

本文介绍了jqxSortable启动事件的用法，希望对您有所帮助。