Jquery 选项卡.检查它们中的任何一个是否处于打开状态

Jquery tab. Check if any of them is open

本文关键字：任何一 是否 状态 于打开 选项 检查 Jquery      更新时间：2023-09-26

我有一些标签。默认情况下，所有内容都处于折叠状态。如果用户单击按钮，则会打开第一个选项卡。我想通了那部分：

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

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

您可以首先使用 tabsactivate 事件检查是否有任何选项卡处于打开状态：

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

现在，在单击代码中检查该变量，如果为 true，则使用以下option关闭所有选项卡：

if (isActive)
    $("#podcast-tabs").tabs("option", "active", false);
相关文章：