ajax - 使用 Ajax.ActionLink() 在与主视图相同的页面上呈现部分视图时出现问题

Question

在我的索引视图中，我显示了几个 Ajax.ActionLink，如下面的代码所示。单击其中一个链接时，我正在尝试将部分视图呈现到 DIV 部分。现在，它正在将部分渲染为自己的页面。我做错了什么？

看法

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
...Other HTML
<article class="border c-two" style="background-image: url('/Content/images/Fancy.jpg')">
    <div style="opacity: 0;" class="fdw-background">
        <h4 style="color:#fff;">Fancy Schmancy</h4>
        <p class="fdw-port">
            @Ajax.ActionLink("Go Now", "GotoStore", "Simulation", new { id = 1 }, new AjaxOptions { UpdateTargetId = "Rest", InsertionMode = InsertionMode.InsertAfter, HttpMethod = "GET" })<span class="vg-icon">→&lt;/span>
        </p>
    </div>
</article>
...other  HTML
<div id="Rest"></div>

控制器

public PartialViewResult GotoStore(int id)
{
    Store store = db.Stores.Find(id);
    return PartialView(store);
}

Answer 1

我能够让它工作。问题是我在脚本源中添加的位置。

这个：

    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

需要像这样放在布局文件的底部：

    @Scripts.Render("~/bundles/jquery")
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
    @RenderSection("scripts", required: false)