javascript - 单击导航选项卡时分配 jQuery 函数

Question

我在我的页面中使用 Bootstrap 导航选项卡。是否可以将 jQuery 函数分配给导航选项卡？所以我需要的是能够分配 getDate(); 如果这些导航选项卡被单击。

示例:

<ul class="nav nav-tabs">
    <li class="active"><a href="#pane1" data-toggle="tab">Home</a></li>
    <li><a href="#pane2" data-toggle="tab">About Us</a></li>
    <li><a href="#pane3" data-toggle="tab">Contact Us</a></li>
</ul>

jQuery:

function getDate(){
  //do something...
}

Answer 1

要在每个选项卡上单击调用 getDate，您可以执行以下操作:

$('.nav-tabs').on('click', 'a', function() {
    getDate();
});

或者，如果这是您想要在单击时执行的唯一代码，则可以将其缩短为

$('.nav-tabs').on('click', 'a', getDate);