jQuery的事件火引导标签(Jquery event fire with bootstrap ta

我用我的观点引导标签

    @Html.ValidationSummary(true)
        <ul id="MyTabs" class="nav nav-tabs nav-justified">
            <li class="active"><a data-toggle="tab" href="#details" id="TabDetailsLink">Personal
                Details</a></li>
            <li><a data-toggle="tab" href="#tab1" id="Tab1">T1</a></li>
            <li><a data-toggle="tab" href="#tab2" id="Tab2">T2</a></li>

        </ul>

and i use jquery for catch the event
$(".MyTabs li").click(function (e) {
    alert(2);
});  

我的期望是，每当我更改选项卡，以该警报。 但事件不被解雇。 煤矿是一个ASP.NET MVC 4个Web API应用程序。

Answer 1:

你的jQuery选择是错的！ MyTabs是ID。 如此用用它#前缀

这应该工作。

$("#MyTabs li").click(function (e) {
    e.prevelitDefault(); 
    alert(2);
});

或者，如果你加入这个类yuur UI元素，你可以使用现有的jQuery选择。

<ul id="MyTabs" class="MyTabs nav nav-tabs nav-justified">

当使用id作为你的jQuery选择 ，使用#前缀（例如： $("#myElementUniqueID")

当使用CSS类作为您的jQuery选择 ，使用. 前缀（例如： $(".myCssClss")

文章来源: Jquery event fire with bootstrap tab