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



下面我添加了引导选项卡折叠插件。在大屏幕上它似乎工作得很好,但在小屏幕上它什么都不显示,甚至我调整了它的大小。我使用了引导程序插件。我需要在哪里更改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>

最后我通过更改窗口宽度来解决这个问题

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

最新更新