代码之家 › 专栏 › 技术社区 › Sujatha Girijala

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

collapse angular-ui-bootstrap angular html jquery

Sujatha Girijala · 技术社区 · 6 年前

下面我添加了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>

1 回复 | 直到 6 年前

Sujatha Girijala 6 年前

最后我通过改变窗宽解决了这个问题

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

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

Jihed Ben Zarb · 造型角材料日期选择器

6 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

6 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

6 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

6 月前

Jace Johnson · Typescript文件读取的变量类型错误

6 月前

Ole · Angular资源API是否支持为资源添加初始值?

6 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

6 月前