将外部js文件加载到bootstrap模式框中

时间:2014-07-10 20:23:24

标签: javascript jquery twitter-bootstrap

我需要在bootstrap模式框中显示谷歌地图。我从我的页面中的谷歌网站加载谷歌地图API和模态框工作。像这样:

<script src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>

HTML:

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch modal</a>

现在,我需要在点击模式框的链接(启动模态)后从网址加载谷歌地图api(.JS File / Libraries)。如何创建这个?

1 个答案:

答案 0 :(得分:0)

如果你正在使用jQuery,那么你可以使用jQuery.getScript()方法:http://api.jquery.com/jquery.getscript/

基本用法:

$.getScript( "ajax/test.js", function( data, textStatus, jqxhr ) {
  console.log( data ); // Data returned
  console.log( textStatus ); // Success
  console.log( jqxhr.status ); // 200
  console.log( "Load was performed." );
});