jQuery UI 可排序接收事件

jQuery UI 是一套基于jQuery的UI组件库，其中包括了可排序组件。可以方便地支持对页面元素的排序功能。在进行拖放排序的过程中，我们常常需要监听一些事件，来做一些自定义操作。本文将介绍可排序组件的接收事件。

sortable 接收事件

sortable 组件有4个事件可以接收，分别是：

1. start

拖拽开始时触发的事件。

$( ".selector" ).sortable({
  start: function( event, ui ) {
    // 拖拽开始时的操作
  }
});

2. stop

拖拽停止时触发的事件。

$( ".selector" ).sortable({
  stop: function( event, ui ) {
    // 拖拽停止时的操作
  }
});

3. receive

元素从其他容器中拖进当前容器时触发的事件。

$( ".selector" ).sortable({
  receive: function( event, ui ) {
    // 元素从其他容器中拖进当前容器时的操作
  }
});

4. over

被拖拽的元素在当前容器中拖动时触发的事件。

$( ".selector" ).sortable({
  over: function( event, ui ) {
    // 被拖拽的元素在当前容器中拖动时的操作
  }
});

总结

以上就是 jQuery UI 可排序组件的接收事件。我们可以在这些事件中处理自己的逻辑。例如，可以在拖拽开始时设置一个标记，表示拖拽正在进行中，在拖拽停止时清除该标记。在被拖拽元素进入当前容器时，可以对元素进行一些动画效果。在被拖拽元素在当前容器中拖动时，可以根据鼠标位置来自定义元素的位置。在实际的应用中，我们应该结合实际需求，灵活使用这些事件。