javascript - 如何为 Ajax.ActionLink 应用 CSS

Question

你好，我想为导航栏应用 css，我正在使用 Ajax.ActionLink 从数据库中检索导航栏值，我尝试了 javascript，但我收到名为

的错误

jQuery is not defined",

这是我的代码。 Test_Section 是我的模型。

<table style="width:auto">    
    @foreach (Test_Section p in Model)
    {
        <tr>
            <td>
                <div id="ajaxnav" class="navbar-left">
                    <ul class="nav nav-tabs nav-stacked">
                        <li>
                            @Ajax.ActionLink(p.SectionName, p.Title, new { id = p.StdSectionId , @class = "navigationLink"},
                   new AjaxOptions
                   {
                       UpdateTargetId = "getHtml",
                       InsertionMode = InsertionMode.Replace,
                       HttpMethod = "GET"
                   }, new { style = "color:#428bca" ,  @class = "navigationLink"  })


                        </li>
                    </ul>
                </div>
            </td>
        </tr>

    }
</table>

<script type="text/javascript">
    $('.navigationLink').click(function () {
        $('.navigationLink').removeClass('active');   
        $(this).addClass('active');  
    });
</script>

请帮帮我。

Answer 1

您需要通过在您的页面中引用它来将 jQuery 包含到您的应用程序中，因为错误 jQuery is not defined或 $ is not defined当 jQuery 未(正确)包含在您的页面中时发生。您应该在 <script> 之前添加此行您发布的代码中的部分:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

希望对你有帮助。