jQuery UI选项卡:获取当前选项卡索引

前端之家收集整理的这篇文章主要介绍了jQuery UI选项卡:获取当前选项卡索引前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用jQuery UI选项卡获取当前选项卡的索引:特别是当show或select事件被触发时,我想知道这个选项卡是否可以参考?

解决方法

$('#tabs').tabs({
    select: function(event,ui) { // select event
        $(ui.tab); // the tab selected
        ui.index; // zero-based index
    },show: function(event,ui) { // show event
        $(ui.tab); // the tab shown
        ui.index; // zero-based index
    }
});

Demo

或者,如果您不想在初始化时绑定事件侦听器,则可以像这样绑定它们:

$('#tabs')
    .bind('tabsselect',function(event,ui) { // select event
        $(ui.tab); // the tab selected
        ui.index; // zero-based index
    })
    bind('tabsshow'. function(event,ui) { // show event
        $(ui.tab); // the tab shown
        ui.index; // zero-based index
    });

猜你在找的jQuery相关文章