jquery提交多个动态表单

时间:2014-10-12 19:52:32

标签: javascript jquery ajax forms

jQuery 1.11.0

http://jsfiddle.net/sfvyxunj/

$(".myForm").on("submit", function(event){ }); 

我无法使用jQuery的.on来处理动态创建的表单。

我已经尝试了.on语句的几种变体,但如果表单是从ajax动态加载的,那么它就是不想工作。

注意:settimeout用于模拟ajax请求。小提琴会出错,但在服务器上,表单只会重新加载页面并绕过jQuerys .on

提前致谢。

1 个答案:

答案 0 :(得分:0)

解决方案是将.on附加到调用.on时已存在于页面上的元素。不知道我是怎么错过它的,但代码应该是这样的:

$("#container").on("submit", ".theForms", function (event) {   });

纠正过的jsfiddle:

jsfiddle.net/sfvyxunj/1

感谢charlietfl指出我的错误。