ajax - ASP.NET MVC4 Ajax.ActionLink 替换整个页面

Question

在我看来我有:

 @section Header {
     @Scripts.Render("~/bundles/jqueryval")
 }

<div>
    <div>@Ajax.ActionLink("Test", "CurrentTime", new AjaxOptions { UpdateTargetId = "some_div", InsertionMode = InsertionMode.InsertAfter })</div>
</div>

<div id="some_div">

</div>

在结果页面的标题中，我看到引用了这些脚本:

<script src="/Scripts/jquery-1.6.4.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

链接看起来像这样:

<div><a data-ajax="true" data-ajax-mode="after" data-ajax-update="#some_div" href="/Tournament/CurrentTime">Test</a></div>

在 Controller 中:

public string CurrentTime()
{
    return DateTime.Now.ToLongTimeString();
}

在我的 web.config 中(在应用程序的根目录中):

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

我的问题是:每当我单击链接时，结果(当前时间)总是会替换整个页面——它不会插入到 some_div 中/之后/之前。谢谢

Answer 1

根据您的评论，答案很简单，您必须升级您的 jQuery。 on 方法从 jquery 1.7 开始工作。我建议使用 jquery 1.7.2，因为 mvc 脚本有时会遇到更高版本的问题