阻止提交通过ajax加载的表单

Question

我有一个jquery ajax调用,在div中加载一个表单,我想阻止提交这个表单,但如果我使用jquery提交函数与

$("form").submit(function(e){
  e.preventDefault(e);
  alert('submit intercept');
});

如果我放在外部js文件中它不起作用,但如果我在通过ajax调用加载的表单后放入脚本标记,则无效.

Answer 1

您可以对动态生成的元素使用$(document)选择器和方法：on()

$(document).on('submit', 'form', function(e) {
    e.preventDefault();
    alert('submit intercept');
});