jQWidgets jqxSortable 激活事件

针对“jQWidgets jqxSortable 激活事件”这个问题，我将从以下几个方面进行讲解：

1. jQWidgets jqxSortable 是什么？
2. jQWidgets jqxSortable 支持哪些事件？
3. 如何注册 jQWidgets jqxSortable 的事件？
4. jQWidgets jqxSortable激活事件的示例

1. jQWidgets jqxSortable 是什么？

jQWidgets jqxSortable 是一个 jQuery 插件，可以使得 HTML 元素可以拖放重新排序。

2. jQWidgets jqxSortable 支持哪些事件？

jQWidgets jqxSortable 支持以下事件：

• start：当开始拖动排序的元素时触发该事件。
• end：当拖动结束时触发该事件。
• drop：当目标区域接受排序元素时触发该事件。
• over：当鼠标移入目标区域时触发该事件。
• out：当鼠标移出目标区域时触发该事件。

3. 如何注册 jQWidgets jqxSortable 的事件？

可以通过 jQuery 的 on() 方法来注册 jQWidgets jqxSortable 的事件，语法如下：

$(selector).on(event, function);

其中，selector 表示要注册事件的 HTML 元素，event 表示要注册的事件名称（如 start/end/drop/over/out），function 表示事件触发时要执行的函数。

例如，如果要注册 jQWidgets jqxSortable 的 start 事件，可以这样写：

$('#sortable').on('start', function(){
  console.log('Sortable started dragging!');
});

4. jQWidgets jqxSortable激活事件的示例

下面提供两个 jQWidgets jqxSortable 激活事件的示例：

示例一：开始拖动时提示消息

$('#sortable').on('start', function(){
  alert('你正在拖动元素!');
});

该例子中，当拖动 jQWidgets jqxSortable 元素时，会弹出一个提示框，提示正在拖动元素。

示例二：当鼠标移入目标区域时背景色变化

$('#sortable').on('over', function(){
  $(this).addClass('highlight');
});
$('#sortable').on('out', function(){
  $(this).removeClass('highlight');
});

该例子中，当鼠标移入 jQWidgets jqxSortable 元素的目标区域时，会为该区域添加一个高亮色，当鼠标移出目标区域时，高亮色消失。

以上是 jQWidgets jqxSortable 激活事件的完整攻略。