我的表单没有被 preventDefault 取消

Question

我有一个图片库，我正在尝试分页。我已经在我的控制器中完成了这个功能（我正在使用C#），当我点击一个按钮进入下一页时，这个功能就会被调用。问题是，如果我这样做，我会刷新所有页面，现在我使用Jquery 来只刷新图片库。

我的问题是，当我点击提交按钮时，e.preventDefault(); 被忽略了。

这是我的提交表格：

<form action="~/Home/pagination" method="post" id="ajax_submit_next">
         <button id="btnNext" value="@item.getNumeroEntrega()" type="submit">
               Siguiente
          </button>
</form>

这是我的 jquery：

$("#ajax_submit_next").submit(function (e) {
  e.preventDefault();
     console.log("prevent Default");

    var data = {
        'paginacion': 'siguiente',
        'entrega': $("#btnNext").val()
    }
    console.log(data)

    $.ajax({

        url: '/Home/pagination/',
        type: 'POST',
        data: data,
        success: function (result) {
            console.log(result);
        },
        error: function (err) {
            console.log(err);
        }
    });
})

Js file 正在运行，因为我有更多运行良好的功能，

为什么会这样？

Answer 1

您是否验证过点击时是否调用了实际功能？