jquery 和 javascript 在 prettyphoto 加载的 html 表单上不起作用

Question

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

Answer 1

jquery 中的submit() 对<form> 元素起作用，因此最好的方法是在表单中放置一个提交按钮，但这样做的方式是它隐藏在视图中，例如：

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

在您的 jquery 中，当单击锚链接时，您可以通过单击下面的按钮来模拟提交按钮的提交：

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

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