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

Question

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

Answer 1

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

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

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

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

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