2012-08-15 19 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