在父加载完成后,jquery调用iframe文档

时间:2013-07-01 06:19:14

标签: jquery

在我的父窗口中显示的标签很少。 在父窗口上我认为有一些点击代码,但我无法访问或查看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时,它不显示tabpanel。奇怪的是,当我按住ctrl +刷新它的浏览器时。

第一次加载时我不会工作原因?请帮我解决这个问题。 将父选项卡单击事件复制到新添加的选项卡。可能吗?怎么检查。

1 个答案:

答案 0 :(得分:0)

您的新标签会动态添加,并且不会设置事件处理程序。

您可以在文档对象上注册处理程序:

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

孩子的'ready'事件可能会在父窗口'ready'事件之后触发。使第一页加载不起作用。