Question

你好我想为导航栏应用css，我是使用Ajax.ActionLink从数据库中的retrivig导航栏值，我尝试了javascript但我收到了错误名称

jQuery未定义＆＃34;，

这是我的代码。和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包含在您的应用程序中，因为当jQuery未正确地包含在您的页面中时，会出现错误jQuery is not defined或$ is not defined。您应该在发布的代码中的<script>部分之前添加此行：

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

希望这对你有所帮助。

Answer 2

您需要在

中使用.click

  $(document).ready(function(){//...onclick(...)})

但首先请确保您在html中包含jquery脚本文件。

Answer 3

我添加了标签以及我在“$（document）.ready（function（）”中使用我的.click事件但我无法解决问题，同时我得到“未捕获的ReferenceError：未定义窗口“错误，请帮助我。

如何为Ajax.ActionLink应用CSS

3 个答案: