バインドイベントにも変更URL

Question

私はフォームがIFRAME内に提出されたときにenventをバインドしようとしているが、私はいくつかの問題を抱えている：私は

：

初の試みをページが読み込まれたときにenventをバインドしようとしましたが、それは機能しましたが、ページが完全に読み込まれたときにのみバインドされます。

$('#mainFrame').on("load", function() 
{ 

    $('#mainFrame').contents().find('form').submit(function(){ 

     $('#overlay').addClass("overlay"); 

    }); 
}); 

は、その後、私は準備ができてイベントに

$('#mainFrame').ready(function() 
{ 

    $('#mainFrame').contents().find('form').submit(function(){ 

     $('#overlay').addClass("overlay"); 

    }); 
}); 

を使用しようとしたが、URLが変更されたときに、それが呼び出されていません。

第二の試み：

私は、IFRAME内のすべての入力にイベントをバインドしようとしましたが、私はそれが（.contentsなしiframe要素にアクセスすることができないと思います）

$('#mainFrame').on("click", 'input',function(){ 


    $('#overlay').addClass("overlay"); 

}); 

PS ： iframeのページは同じドメインのものです

誰かが私を助けることができますか？

Answer 1

これはコメントですが、私はカルマを持っていません。スパムのために申し訳ありません。

負荷があなたが多分提出形成するためにこのコードを追加し、IFRAME内からイベントをtrigerringを検討するために減速するが起こるの場合：

window.parent.jQuery(window.parent.document).trigger('iframestuff'); 

と親ページにそれを聞く：

$(document).on('iframestuff', function(){ 
});