单击导航选项卡时分配jQuery功能

Assign jQuery function when nav-tabs are clicked

本文关键字：分配 jQuery 功能 导航 选项 单击      更新时间：2023-09-26

我在页面中使用引导导航选项卡。是否可以为导航选项卡分配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...
}

要在每个选项卡上调用getDate，可以这样做：

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

或者，如果这是你想在点击时执行的唯一代码，它可以缩短为

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

只需绑定点击事件并传递函数reference。试试这个。。

$('.nav-tabs > li').click(getDate)
相关文章：