javascript - Jquery 选项卡。检查其中是否有任何一个已打开

Question

我有一些标签。默认情况下全部折叠。如果用户单击按钮，第一个选项卡将打开。我弄清楚了那部分:

jQuery(document).ready(function() {
    jQuery('#showFirstTab').on('click', function() {
        var tabObj = jQuery('#podcast-tabs li:first a');
        tabObj.tab('show');
        var programId = tabObj.data('programid');

        jQuery('#calendar-' + programId).fullCalendar('render');
    });
});

现在我需要检查是否有任何选项卡打开，然后再次单击同一按钮，所有选项卡都应该折叠。我正在考虑使用变量来保存状态，但不确定库是否已经为此提供了解决方案。

Answer 1

您可以首先使用 tabsactivate 检查是否有任何选项卡打开。事件:

var isActive = false;
$(".podcast-tabs").on("tabsactivate", function( event, ui ) {
    isActive = true;
});

现在，在您的点击代码中检查该变量，如果为 true，则使用 option 关闭所有选项卡像:

if (isActive)
    $("#podcast-tabs").tabs("option", "active", false);