如何找到 Bootstrap Pills 的点击事件？

Question

我在代码中使用引导药丸，但现在我想在单击药丸时执行另一个操作。但没有一个事件处理程序能够捕获单击事件，任何帮助表示赞赏。谢谢

我已经在 a 标签和父标签上添加了单击事件，我还添加了用于引导选项卡的单击事件，但这也不起作用

   <ul id="accountPills" class="nav nav-pills" role="tablist">
      <li class="nav-item">
         <a id="OrderHistory" class="nav-link active" data-toggle="pill" href="#home">Order History</a>
      </li>
      <li class="nav-item">
         <a id="AccountInformation" class="nav-link" data-toggle="pill" href="#menu1">Account Information</a>
      </li>
      <li class="nav-item">
         <a id="Addresses" class="nav-link" data-toggle="pill" href="#menu2">Addresses</a>
      </li>
   </ul>

Answer 1

Pillsnav是提供事件的功能的实现API：

https://getbootstrap.com/docs/4.0/components/navs/#events

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