Javascript 按submit,什么也不发生(jQuery AJAX表单)

Javascript 按submit,什么也不发生(jQuery AJAX表单),javascript,ajax,jquery,post,Javascript,Ajax,Jquery,Post,示例: 当有人点击链接时,表单被加载,他们填写表单,然后按下按钮提交表单。但当有人按下按钮时,什么都没有发生。为什么呢?我的代码有什么问题 例如,单击“再次请求API”,然后只需填写一些内容。什么也没发生。为什么?输入元素周围没有,所以它们只是网页上的一个随机文本框和按钮。页面上也没有id为api\u req\u submit的元素,因此您尝试添加的单击功能没有任何用处。您需要使用 . 这将导致 $('#api_reg_submit').live('click', function(){...

示例:

当有人点击链接时,表单被加载,他们填写表单,然后按下按钮提交表单。但当有人按下按钮时,什么都没有发生。为什么呢?我的代码有什么问题

例如,单击“再次请求API”,然后只需填写一些内容。什么也没发生。为什么?

输入元素周围没有
,所以它们只是网页上的一个随机文本框和按钮。页面上也没有id为
api\u req\u submit
的元素,因此您尝试添加的单击功能没有任何用处。

您需要使用 . 这将导致

$('#api_reg_submit').live('click', function(){...

之所以会出现这种情况,是因为您设置click事件的按钮在开始时(即准备就绪时)不在DOM中,而是在稍后添加的。如果你把按钮放在外面,只加载输入,它就会像现在一样工作。希望它有意义:)

@billymon在这里发布的代码有点像。我为大家设置了一个示例,大家可以自由查看源代码。
api\u req\u submit
在加载页面时加载。如果查看代码,您可以看到链接的href被加载到#content div中,如果查看dev.alphenweer.nl/html/api_req_form.html的源代码,您可以清楚地看到
api_req_submit
在页面上。顺便说一句,为什么要有一个表单标签?这不是一个表单标签tho,只是一个ajax调用。谢谢!这对我来说太好了。我仍然不明白为什么,但我会再考虑一下,希望这对我有意义$顾名思义,ready将在DOM就绪时处理其中的所有内容。稍后通过ajax或js添加的任何元素都不会包含您之前绑定的任何事件。这意味着您必须再次绑定该事件。当然,最简单的方法是复制代码,还有其他方法,但我想不起有什么特别的方法了:/LiveinjQuery将为您处理。