为什么.on（'submit'）重定向到jQuery中的另一个页面？

Question

我有一个提交事件：

    $('#id').on('submit', function(e) {
    e.preventDefault();
    clicksCounter++;
    $.ajax({
        type: 'POST',
        data: {
            id: id,
            clickCounter: clicksCounter > 1
        },
        url: 'url',
        success: function(response) {
            if (response) {
                $('#modal').modal('hide');
            }
        }
    });
});

但不知何故，它将我重定向到另一个页面，而不是转到该功能。我认为e.preventDefault()会有所帮助，但事实并非如此。还尝试了location.reload()，但它也没有帮助。

有人可以解释我为什么吗？谢谢你的时间

Answer 1

我认为您正在捕获错误元素上的提交事件。它应该是正在提交的表单的ID，而不是提交按钮。 E.g。

$('#myModalForm').on('submit', function(e) {