jQuery UI 可排序 beforeStop 事件

jQuery UI sortable 是一个非常常用的插件，允许用户通过拖动和放置的方式对元素进行排序。其中，beforeStop 事件是一个非常有用的事件，它允许开发人员在元素被重新排序前执行一些自定义的操作。

beforeStop 事件

beforeStop 事件在元素被重新排序之前触发。其回调函数有两个参数：

• event：事件对象。
• ui：一个对象，包含以下属性：
  • item：被拖动的元素。
  • helper：被创建的拖动时的帮助元素。
  • placeholder：被创建的占位符元素。
  • offset：被拖动元素的偏移。

以下是一个使用 beforeStop 事件的示例：

$( ".sortable" ).sortable({
  beforeStop: function( event, ui ) {
    // 在元素被重新排序之前执行一些自定义操作
  }
});

使用场景

beforeStop 事件可以用于很多场景，例如：

1. 验证元素是否可以被移动到新的位置。
2. 更新页面中其他元素的属性和状态。
3. 发送 Ajax 请求，将排序结果保存到服务器。

总结

在使用 jQuery UI sortable 插件时，beforeStop 事件是一个非常有用的事件。它允许开发人员在元素被重新排序前执行一些自定义的操作。开发人员可以利用这个事件来验证元素是否可以被移动到新的位置、更新页面中其他元素的属性和状态、以及将排序结果保存到服务器等。