<a> 单击事件未从 jquery 触发

Question

我需要在不重定向到另一个页面的情况下更新数据。在我的控制器中，我有一个 return 类型 void 的方法来更新数据。在我的局部视图中，我有一个 <a> 元素。单击 link 我调用上述方法 returns void 到我的 jQuery 文件。

<div id="Footer">
    <a href="#" id="MarkAllRead">Mark All Read</a>
</div>

$(".MarkAllRead").click(function () {
    alert('click');
    $.ajax({
        url: "/Controller/MarkNotification",
        method: 'POST',
        cache: false,
        datatype: "text",
        success: function (result) {
            $("#ncount").hide();
        },
        error: function (xhr) {
            alert(result.responseText);
        }
    });
});

public void MarkNotificationAsRead()
{
    db.Notifications.ToList().ForEach(n => n.Status = true);
    db.SaveChanges();
}

我面临的问题是 AJAX 调用没有被触发。单击 link 我想从我的 jQuery 文件中调用上述 returns void 的方法。

Answer 1

当元素具有 id 时，您正在按 class 选择。改变这个：

$(".MarkAllRead").click(function () {

对此：

$("#MarkAllRead").click(function () {

Answer 2

我认为您的 jQuery 选择器有误。

$(".MarkAllRead").click(function () {

应该变成这样：（使用 # 而不是点 - 点代表 class 而 # 代表 id）

$("#MarkAllRead").click(function () {

<a> 单击事件未从 jquery 触发

<a> click event not firing from jquery

asp.net-mvc

jquery

asp.net-ajax