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

我在我的页面中使用引导导航选项卡。是否可以将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>

要在每个选项卡上调用
getDate
，请单击以下操作：

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

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

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

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

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

没用？我在
getDate（）中添加了一个
alert（）
。不起作用。抱歉，这些导航选项卡被包装在
中。我打错了：
点击
先点击，然后点击a
。不！这也不管用。我甚至在
$（'.nav tabs'）之后尝试了一个
警报（“clicked”）
。在（'click'，a'，function（）{
。执行者不工作。试试这个：
$（function（）{$（'.nav tabs'）。在（'click'，a'，function（）{…}）；}）上；
那么它应该可以工作了。当它不工作时你能做一把小提琴吗？
$('.nav-tabs > li').click(getDate)