2013-12-18 122 views
2

我目前正在使用一個iframe和一個腳本添加菜單欄的頁面。所有頁面加載後執行的jQuery附加腳本

的iframe中有一個腳本這是長時間載入,併爲菜單中的其他腳本必須動態地添加這樣的:

jQuery(document).ready(function() { 
    var script = document.createElement('script'); 

    var url = 'URL TO SCRIPT THAT ADD MENU BAR'; 
    script.type = 'text/javascript'; 
    script.src = url; 
    jQuery("head").append(script); 

}); 

測試後,它似乎這個代碼被執行,但Chrome的等待要完全加載iframe,以便在iframe頁面加載完成後的幾秒鐘後出現該條。

那麼有沒有辦法在iframe中的腳本之前執行腳本?

謝謝:)

+0

我不是100%肯定,但你可以採取了DOM的準備,因此立即觸發? –

+0

已經嘗試過。實際上它執行「jQuery(」head「)。append(script);」行但附加的腳本不會執行。 –

回答

0

HTML

<iframe onload='load_script()'></iframe> 

JS

 function load_script(){ 
      $.ajax({ 
       type: "GET", 
       url: URL, 
       dataType: "script" 
      }); 
     } 
+0

ajax是否改變了一個東西,而不是直接附加腳本?我沒有看到這樣做的目標^^' –

+0

Nop,你可以追加,但我更喜歡這樣做,但重要的是iframe的函數onload。 :) –

+0

最後通過使iframe的src在加載頁面時發生變化而工作。 iframe的負載會創建無限循環:) –