javascript - jquery 和 javascript 不适用于漂亮照片加载的 html 表单

Question

prettyphoto 在模态框中显示我的表单。我在表单中插入了一个链接并设置 onclick="$('#formid').submit()" 。当我单击它时，页面导航到表单操作，但没有任何发布的数据。当我用输入 <input type="submit" value="ok"> 替换链接时它正确发送表单数据。我通过调用函数来测试 jquery 元素访问。结果表明jquery无法访问元素值。我通过 jquery 将一些 html 放入表单中，但注意到在重新加载它显示的模式框后也发生了这种情况。有没有解决方案可以通过jquery和javascript访问prettyphoto加载的html表单？

Answer 1

submit()在 jquery 中适用于 <form>元素，因此最好的方法是在表单中放置一个提交按钮，但这样做是从 View 中隐藏的，例如:

<input id='dummy' type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>

在您的 jquery 中，当单击 anchor 链接时，您可以通过单击如下所示的方式模拟提交按钮的提交:

$('a').click(function(){
  $('#dummy').trigger('click');
  });

这是我的 fiddle供您检查。请注意，虽然我使用真实的网站来模拟它，但它不会接收发布的数据。