在iframe中提交后重新加载页面(javascript/jquery)

Question

我有一个包含iframe的页面.在iframe中有一个提交按钮.当我单击提交按钮时,我希望更新父窗口.这是我到目前为止所做的,它的工作原理(javascript位于父窗口):

var myFrame = $('iframe');
myFrame.load(function() {
myFrame.contents().find('#publish').click(function() {

  myFrame.load(function() {
    location.reload();
  });

});
});

代码有效.但我发现iframe的重新加载是不必要的.是否有更好的方法来检测"提交"何时完成？

(我无法通过"onclick"重新加载页面或在任何延迟时继续.我必须确保提交表单已完成)

Answer 1

假设publish是唯一的，你可以简单地这样做：

$(document).ready(function(){
  $('#publish').live('click', function(e){
     e.preventDefault();
     //Do whatever you want here
   });
});

请注意，live将在运行时将事件绑定到publish链接。