Bootstrap tabcollapse 不适用于小屏幕上的 jquery 调用

Question

下面我添加了 bootstrap-tabcollapse 插件。在大屏幕上它似乎工作得很好，但是在小屏幕上它没有显示任何东西，即使我调整它的大小。我使用了bootstrap plugin.where 我需要更改 jquery 插件。谁能帮帮我，谢谢！

<script src="https://github.com/flatlogic/bootstrap-tabcollapse/blob/master/bootstrap-tabcollapse.js"></script>

html 导航标签

 <div class="date-tabs-container setup-accordion-container">
      <ul class="nav nav-tabs" id="reviewerSetupTabs">
        <li class="active"><a data-toggle="tab" id="reviewersTab" href="#primary">Primary Reviewers</a></li>
        <li (click)="getReassignmentData()"><a data-toggle="tab" href="#tab-2">Reassignment Options</a></li>
        <li (click)="selectedPermissionTab = 'primary';getReviewerPermissionsData()"><a data-toggle="tab" href="#tab-3">Permissions</a></li>
        <li (click)="resetNotificationFields('reset')"><a data-toggle="tab" href="#tab-4">Notifications</a></li>
      </ul>
    </div>

Answer 1

我终于通过改变窗口宽度解决了这个问题

 TabCollapse.prototype.checkState = function(){
    if ((this.$tabs.is(':visible') && this._accordionVisible) || $(window).width() > 767){
        this.showTabs();
        this._accordionVisible = false;
    } else if ((this.$accordion.is(':visible') && !this._accordionVisible) || $(window).width() < 768){
        this.showAccordion();
        this._accordionVisible = true;
    }
};