Jquery-Unobtrusive-Ajax 未找到数据-ajax-update答案

【问题标题】：Jquery-Unobtrusive-Ajax Not Finding data-ajax-updateJquery-Unobtrusive-Ajax 未找到数据-ajax-update
【发布时间】：2016-07-11 15:07:16
【问题描述】：

我的 MVC Core 项目中有以下链接：

<a asp-action="ArtictleDetailsById" asp-controller="Home" asp-route-area="Global" asp-route-id="@Model.Id" data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="ArticleDetails" class="btn btn-default">View Details</a>

按预期发送和检索数据，但不更新目标元素。更具体地说，在尝试调试时，会评估并跳过以下内容（来自 jquery.unobtrusive-ajax.js）：

 $(element.getAttribute("data-ajax-update")).each(function (i, update) {
        var top;

        switch (mode) {
        case "BEFORE":
            top = update.firstChild;
            $("<div />").html(data).contents().each(function () {
                update.insertBefore(this, top);
            });
            break;
        case "AFTER":
            $("<div />").html(data).contents().each(function () {
                update.appendChild(this);
            });
            break;
        case "REPLACE-WITH":
            $(update).replaceWith(data);
            break;
        default:
            $(update).html(data);
            break;
        }
    });

但下面的代码会起作用（替换 .each() 循环）：

update = (element.getAttribute("data-ajax-update"));
$('#'+update).html(data);

我想知道这是否存在已知问题、正确修复或我做错了什么。我看到过去在使用 .live() 方面存在一些问题，但这里并非如此。

【问题讨论】：

标签： jquery asp.net-mvc unobtrusive-ajax

【解决方案1】：

如果ArticleDetails是目标dom元素的ID，你应该在它前面添加一个“#”字符，如下所示：

<a asp-action="ArtictleDetailsById" asp-controller="Home" asp-route-area="Global" asp-route-id="@Model.Id" data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#ArticleDetails" class="btn btn-default">View Details</a>

【讨论】：