jQuery 1.7 .on() 和动态表单捕获

Question

我在使用 jQuery 1.7 的最新 on() 函数时遇到问题。我将所有现有的 live() 调用移至新的 on() 函数。

过去，每当我创建新元素或从 AJAX 附加一些标记时，我都会使用 live()。

使用 jQuery 1.7 如果我附加通过 AJAX 返回的表单标记，并尝试使用 e.preventDefault 或 return false 来阻止它提交(例如验证它) — 表单正常提交。

$(document).on('submit', 'form', function(e) {
    alert('You tried to submit the form');
    e.preventDefault();
});

Answer 1

您的代码完全有效。

DEMO

如果您发布更多代码，我们也许可以查看您是否还有其他问题

<小时/>

但是假设渲染页面时存在此表单，我会这样做:

$("form").on('submit', function(e) {
    alert('You tried to submit the form');
    e.preventDefault();
});

(我假设您的页面是使用已存在的表单呈现的)