jquery вызывает документ iframe, готовый после завершения родительской загрузки

Question

В моем родительском окне показано несколько вкладок. В родительском окне я думаю, что есть что-то щелкнуть по клику, но я не могу получить доступ или просмотреть страницу PARENT.

$(document).ready(function(){ 
    $('.tab').click(function(){ 
     // Do something. Show/Hide tab panel according to tabs 
    }); 
}) 

В окне I кадра

$(document).ready(function(){ 
    // Add new tab in the parent window from I frame. 
    $("#ParentTab", parent.document).after('<a href="#" class=".tab" tabid="newtab">New Tab</a>'); 
    // Add the panel in parent window for this new tab 
    $("#ParentTabPanel", parent.document).after('<div tabid="newtab">Some Content</div>'); 
}) 

Этот код прекрасно работает и не показывает какую-либо ошибку JS. Содержимое iframe успешно загружается и добавляет вкладки в родительском окне. Но когда я нажимаю на NewTab, он не отображает вкладку. Странно, когда я ctrl + обновить браузер, он работает.

Я не буду работать при первой загрузке, почему? Пожалуйста, помогите мне решить эту проблему. Скопируйте родительский вкладку click на новую добавленную вкладку. Является ли это возможным? как проверить.

Answer 1

Ваши новые вкладки добавляются динамически и НЕ будут установлены обработчики событий.

Вы можете зарегистрировать обработчик на объекте документа вместо:

$(document).ready(function(){ 
$(document).on('click', '.tab' ,function(){ 
// Do something. Show/Hide tab panel according to tabs 
}); 
}) 

Вполне возможно, что детские «готовое» событие срабатывает после «готовых» событий родительского окна. Ошибка загрузки первой страницы.