jQWidgets jqxTabs标签点击事件

首先， jqxTabs是jQWidgets中的一种控件，它用于创建多个标签页选项卡，通过点击标签页可以在内容区域显示相应的内容。 jqxTabs 提供了多种事件接口以供我们调用。

1. 触发点击事件

事件名称

selecting

说明

该事件在用户点击标签页之前触发。在触发该事件时，你可以从正在切换的标签页索引和前一个标签页索引中获取参数。

示例

$('#jqxTabs').on('selecting', function (event) {
    var oldIndex = event.args.oldSelection[0].index;
    var newIndex = event.args.item;
    console.log('oldIndex: '  + oldIndex + ', newIndex: ' + newIndex)
})

在上述示例中，我们设置了jqxTabs控件的 selecting 事件。当用户点击标签页时，此事件会被触发。我们在事件处理程序中打印了正在切换的标签页索引和前一个标签页索引。

2. 处理点击事件

事件名称

selected

说明

该事件在用户点击标签页并切换到新标签页之后触发。在触发该事件时，你可以从切换到的标签页索引和前一个标签页索引中获取参数。

示例

$('#jqxTabs').on('selected', function (event) {
    var oldIndex = event.args.oldSelection[0].index;
    var newIndex = event.args.item;
    console.log('oldIndex: '  + oldIndex + ', newIndex: ' + newIndex)
})

在上述示例中，我们设置了jqxTabs控件的 selected 事件。当用户点击标签页并切换到新标签页时，此事件会被触发。我们在事件处理程序中打印了切换到的标签页索引和前一个标签页索引。

以上就是关于jQWidgets jqxTabs标签点击事件的详细攻略。