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);