jQWidgets jqxTabs dragEnd 事件

介绍

jQWidgets jqxTabs dragEnd 事件是指当用户在选项卡中拖动一个选项卡并放置后，触发的事件。此事件允许开发人员在选项卡拖动完成后执行自定义逻辑。

语法

$('#jqxTabs').on('dragEnd', function () {
  // 事件处理代码
});

参数

该事件不需要参数。

返回值

该事件不返回任何值。

示例

HTML 代码

<div id="jqxTabs">
    <ul>
        <li>Tab 1</li>
        <li>Tab 2</li>
        <li>Tab 3</li>
    </ul>
    <div>Content 1</div>
    <div>Content 2</div>
    <div>Content 3</div>
</div>

JavaScript 代码

$('#jqxTabs').jqxTabs({
    width: 400,
    height: 200,
    showCloseButtons: true,
    reorder: true
});

$('#jqxTabs').on('dragEnd', function (event) {
    var selectedItem = event.args.item;
    console.log('选项卡名称：' + $(selectedItem).text());
});

效果

当用户拖动选项卡并放置后，会在控制台输出选项卡的名称。

参考链接

• 官方文档