博客

jQuery UI sortable remove事件

  • Post category:jquery

jQuery UI 的 Sortable 组件提供了一个 remove 事件，该事件在可排序元素从 Sortable 实例中删除时触发。在本教程中，我们将详细介绍 Sortable 的 remove 事件的使用方法。

事件基语法如下：

$( ".selector" ).sortable({
  remove: function( event, ui ) {}
});

其中，”.selector” 是 Sortable 的 CSS 选择器。

以下两个示例：

示例一：使用 Sortable 的 remove 事件

$( "#my-sortable" ).sortable({
  remove: function( event, ui ) {
    console.log( "Sortable element removed" );
  }
});

这将创建一个名为 my-sortable 的 Sortable 实例，并在从该实例中删除元素时触发 remove 事件。在事件处理程序中，将消息“Sortable element removed”记录到控制台。

示例二：使用 Sortable 的 remove 事件和 CSS 类

$( "#my-sortable" ).sortable({
  remove: function( event, ui ) {
    ui.item ).removeClass( "highlight" );
  }
});

这将创建一个名为 my-sortable 的 Sortable 实例，并在从该实例中删除元素时触发 remove 事件。在事件处理程序中，使用 removeClass() 方法将 CSS 类“highlight”从被删除的元素中删除。

总结：

jQuery UI 的 Sortable 组件提供了一个 remove 事件，该事件在可排序元素从 Sortable 实例中删除时触发。要使用 remove 事件，需要将其与 Sortable 的 jQuery 对象一起使用。可以在 remove 事件处理程序中执行任何操作，例如添加或删除 CSS 类。

Tags: