2012-08-15 66 views
0

如何將外部JavaScript文件注入到div中。當我嘗試使用下面的代碼進行設置時,div'toupdate'不會更新爲新的JavaScript文件。如何將外部JavaScript文件注入div

<script type="text/javascript"> 

$(document).ready(function() { 
     $('#toupdate').html('<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>'); 
}); 

</script> 

    <body> 
    <div id="toupdate"> 
    <script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"></script> 
    </div> 

    </body> 

回答

1

在div「更新所」之前正在執行你的替換代碼加載,你要麼需要將<script>標籤移到在div後,或把你替換代碼$(document).ready()函數中,像這樣:

$(document).ready(function() { 
    $('#toupdate').html('<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>'); 
}); 

編輯:

測試工作示例:

$(document).ready(function() { 
    $('#toupdate').children('script').attr('src', 'http://static.polldaddy.com/p/5968383.js'); 
});​ 

的jsfiddle:http://jsfiddle.net/m7q3H/45/

+0

它似乎在加載新的JavaScript,但沒有更新UI。 – 2012-08-15 13:46:51

1

,你可以使用$ .getScript(「URL」)功能 definition

+0

可以在函數中使用注入腳本到一個div? – 2012-08-15 11:12:43

+0

我不完全確定它是否可以,有一個回調函數,它將在腳本成功下載後運行,但看起來腳本已經在這個時候運行了。對不起,我不能有更多的幫助。 – Qpirate 2012-08-15 12:46:28

相關問題