Bind события в содержание IFrame даже при смене URL

Question

Я пытаюсь связать envent, когда форма передается внутри фрейма, но у меня возникают некоторые проблемы:

Первая попытка:

I пытался связать 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()

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


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

}); 

PS : Страница iframe с одного домена

Кто-то может мне помочь, пожалуйста?

Answer 1

Это должен быть комментарий, но у меня нет кармы. извините за спам.

Если на нагрузке происходит замедление для вас рассмотреть trigerring события внутри фрейма, возможно, добавить этот код, чтобы сформировать представить:

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

и в родительской странице слушать:

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