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

Question

下面我添加了bootstrap-tabcollapse 插件。在大屏幕上它似乎运行良好，但在小屏幕上它什么也没有显示，即使我调整大小它也会出现。我使用了 bootstrap plugin。我在哪里需要更改 jquery 插件。谁能帮帮我，谢谢！

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

html nav-tab

 <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

最后我通过更改 window 宽度

解决了这个问题

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

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

Bootstrap tabcollapse not working for jquery call on small screens

html

jquery

collapse

angular-ui-bootstrap

angular