Question

我在视图中使用bootstrap选项卡

    @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 ul元素，则可以使用现有的jQuery选择器。

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

使用Id作为jQuery选择器时，请使用#前缀（例如：$("#myElementUniqueID")）

使用css类作为jQuery选择器时，请使用.前缀（例如：$(".myCssClss")）

Jquery事件触发引导选项卡

1 个答案: