Question

我正在Angular 5，metronic主题项目中使用bootstrap v4.1.1。

<ul class="nav nav-tabs" role="tablist" style="background-color:#ffffff; margin-bottom: 0px;">
  <li class="nav-item" *ngFor="let tab of dynamicTabs" (click)="selectTab(tab)">
    <a class="nav-link" [class.active]="tab.active" href="javascript:;">{{tab.title}}
      <span class="tab-close" *ngIf="tab.isCloseable" (click)="closeTab(tab)">
        <i class="fa fa-window-close"></i>
      </span>
    </a>
  </li>
</ul>

我没有使用data-toggle="tab"，因为我正在通过菜单创建一个新标签，并使用li方法从click元素selectTab(tab)事件中打开标签。如果我添加data-toggle="tab"，在关闭被动标签时会出现Cannot read propery 'nodeName' of undefined.错误。

我需要达到以下事件，因为未使用data-toggle="tab"，因此该事件不适用于我的情况。我如何到达标签的shown.bs.tab事件。（我现在不标签项目的名称）

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  e.target // newly activated tab
  e.relatedTarget // previous active tab
})

没有数据切换的Bootstrap选项卡的show.bs.tab事件

0 个答案: