Question

我想在我的asp.net mvc项目中使用react.js和bootstrap。当您单击相应的"active"元素

时，我需要我的菜单项来更改<li>属性

这就是我所拥有的：

<body>
     <div class="container">

        <ul class="nav nav-tabs" role="tablist">
            <li class="active">@Html.ActionLink("Home", "Index", "Home")</li>
            <li>@Html.ActionLink("Log in", "Index", "Login")</li>
            <li>@Html.ActionLink("Predict", "Index", "Prediction")</li>
        </ul>

    </div>
</body>

是否有内置功能或我需要在javascript onClick事件中进行硬编码并将class元素更改为"active"？

Answer 1

<ul class="nav nav-tabs" role="tablist">
    <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
    <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
    <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
    <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

Answer 2

您需要使用Bootstrap.js库。

它是正常bootstrap.zip文件的一部分。在这里下载：
http://getbootstrap.com/getting-started#download
直接：https://github.com/twbs/bootstrap/releases/download/v3.2.0/bootstrap-3.2.0-dist.zip

然后在您的标记之前包含bootstrap.min.js。还要确保之前包含jquery.js，因为它是依赖项

bootstrap + react.js菜单

2 个答案: