Question

我在我的页面中使用bootstraps nav-tab。是否可以将jQuery函数分配给nav-tabs？所以我需要的是，如果点击了这些导航标签，则可以指定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);

Answer 2

只需绑定click事件并传递函数引用即可。试试这个..

$('.nav-tabs > li').click(getDate)

单击nav-tabs时分配jQuery函数

2 个答案: