Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何查找引导药片的单击事件?_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 如何查找引导药片的单击事件?

Javascript 如何查找引导药片的单击事件?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我在代码中使用引导药丸,但现在我想在单击药丸时执行另一个操作。但是没有一个事件处理程序能够捕获点击事件,任何帮助都值得赞赏。谢谢 我已经在a标签上添加了点击事件,还有父项,我还添加了一个用于引导选项卡的点击事件,但这并不奏效 <ul id="accountPills" class="nav nav-pills" role="tablist"> <li class="nav-item"> <a id="OrderHistory" c

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

我已经在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>


药丸
nav
功能的一种实现,它提供了一个事件
API


你能把你的JQuery/Javascript代码也放进去吗?JSFIDLE也可以。请共享单击事件的jQuery代码。@DarshanThakkar嗨,这是我的代码```$('a[data toggle=“pill”]”)。on('show.bs.tab',function(e){var target=$(e.target).attr(“href”);alert(target)})```刚刚测试了你的代码,工作正常。如果您遇到问题,我想这与您定义事件侦听器的方式无关
$('a[data-toggle="pill"]').on('shown.bs.tab', function (e) {
  e.target // newly activated tab
  e.relatedTarget // previous active tab
})