当 css 类处于活动状态并应用 jQuery 时，Ajax ActionLink 不起作用答案

【问题标题】：Ajax ActionLink does not work when css class active and jQuery is applied当 css 类处于活动状态并应用 jQuery 时，Ajax ActionLink 不起作用
【发布时间】：2016-07-22 10:04:10
【问题描述】：

<ul style="padding-right:1px;" class="navigation">
            <li>@Ajax.ActionLink("Dashboard", "Dashboard", "Dashboard", new AjaxOptions() { UpdateTargetId = "detailContainer", InsertionMode = InsertionMode.Replace }, new { @class="active"})</li>
            <li>@Ajax.ActionLink("Cases", "Cases", "Cases", new AjaxOptions() { UpdateTargetId = "detailContainer", InsertionMode = InsertionMode.Replace })</li>
            <li>@Ajax.ActionLink("Reports", "Report", "Reports", new AjaxOptions() { UpdateTargetId = "detailContainer", InsertionMode = InsertionMode.Replace })</li>
        </ul>

<div class="col-xs-10" id="detailContainer">
    @Html.Action("Dashboard", "Dashboard")
</div>

我有上面的<ul>。你可以先看看

我已经申请了class='active'，效果很好。但是当我从其他<li> 元素导航后单击仪表板时，Ajax.ActionLink 不会打开仪表板视图。问题似乎出在 jQuery 脚本上。单击<li><a> 时，我已应用以下JQuery 更改class='active'。

$(document).ready(function () {
    var selector = '.navigation li a';
    $(selector).click(function () {
        $(selector).removeClass('active');
        $(this).addClass('active');
    });
});

但是当我从仪表板中删除 class='active' 时，导航工作正常，但是当我应用 class 时，它不会打开仪表板视图。

有什么问题？

【问题讨论】：

标签： jquery .net asp.net-mvc razor

【解决方案1】：

您没有使用正确的方法。没有像ActionLink(AjaxHelper, String, String, String, AjaxOptions, Object)这样的重载方法

使用AjaxExtensions.ActionLink(AjaxHelper, String, String, String, Object, AjaxOptions, Object)

 <li>@Ajax.ActionLink("Dashboard", "Dashboard", "Dashboard", null, new AjaxOptions() { UpdateTargetId = "detailContainer", InsertionMode = InsertionMode.Replace }, new { @class="active"})</li>

【讨论】：

哦，是的，我的错。谢谢 Satpal