我正在使用 google ajax api 如何加载依赖于 ajaxapi 加载的库的自定义 js?
最佳答案
您可以定义一个函数,将脚本对象插入到 DOM 中
<script type="text/javascript">
function loadMyCustomJavaScript() {
var script = document.createElement("script");
script.src = "http://www.example.org/my.js";
script.type = "text/javascript";
document.getElementsByTagName("head")[0].appendChild(script);
}
</script>
并将其用作 google.setOnLoadCallback
<script src="http://www.google.com/jsapi?key=ABCDEFG" type="text/javascript"></script>
<script type="text/javascript">
google.load("jquery", "1");
google.setOnLoadCallback(loadMyCustomJavaScript);
</script>
或者,如果您想使用您加载的特定 Google 库加载它,作为该方法的回调,即。
<script src="http://www.google.com/jsapi?key=ABCDEFG" type="text/javascript"></script>
<script type="text/javascript">
google.load("maps", "2");
google.load("search", "1", {"callback" : loadMyCustomJavaScript});
</script>
更新:根据您的评论,您可以尝试使用 jQuery.getScript它为(外部)加载的 JavaScript 代码提供回调函数。根据HubLog: Google, jQuery and plugin loading ,您可能必须使用 window.setTimeout
来延迟函数的执行,直到脚本已被评估。
由于 jQuery 及其插件可能是异步加载的,您可能需要使用不显眼的 JavaScript,而不是直接在 HTML 代码中使用 jQuery/插件函数。
关于javascript - google.load 自定义 js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2705994/