1

私の親ウィンドウにはいくつかのタブが表示されています。親ウィンドウにクリックのコードがあると思いますが、親ページにアクセスしたり表示したりできません。

$(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+refresh すると動作します。

初回ロード時に動作しないのはなぜですか? この問題を解決するために私を助けてください。親タブのクリック イベントを新しく追加されたタブにコピーします。出来ますか？確認する方法。

4

1 に答える 1

0

新しいタブは動的に追加され、イベント ハンドラーは設定されません。

代わりに、ドキュメント オブジェクトにハンドラーを登録できます。

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

親ウィンドウの「準備完了」イベントの後に子の「準備完了」イベントが発生する可能性があります。最初のページの読み込みが機能しない。

于 2013-07-01T06:26:16.530 に答える