Question

下面，我添加了bootstrap-tabcollapse插件。在大屏幕上，它似乎运行良好，但是在小屏幕上，它什么也没有显示，即使我调整了尺寸也是如此。我使用了bootstrap plugin。我需要在哪里更改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;
    }
};

Bootstrap Tabcollapse无法在小屏幕上进行jquery调用

1 个答案: