我遇到了从动态加载的JS文件中调用函数的问题。
设置:我有一个主要的JavaScript“框架”,它使用HTML5历史记录处理动态页面调用,全局需要的功能等。按下时所有活动链接都由我的函数处理而不是页面加载。在我的主JavaScript文件中,我有一个函数,比如说我想在动态JavaScript文件中使用foo()
。
目前设置动态页面的方式是,在HTML文件的末尾,只需要
运行该页面所需的特定JavaScript文件行 <script type="text/javascript">file.js</script>
他们加载并工作,但如果我从foo()
内调用files.js
函数 - 它将返回未定义。
如何获取动态加载的JavaScript文件以“查看”我在全局JavaScript文件中编写的函数?
由于
编辑:
在global.js中定义,包含在<head>
:
function foo() {
alert('bar');
}
然后,
$.get('dynamicPage.html', function(html) {
$('#content').html(html);
}
使用来源:
<p>This is my dynamic page</p>
<script type="text/javascript">foo();</script>
foo();函数调用返回为undefined
答案 0 :(得分:0)
查看getScript()
功能。你可以在页面加载后加载你的js文件吗?
http://api.jquery.com/jquery.getscript/
答案 1 :(得分:0)
尝试封装文档就绪语句。
$(document).ready(function(){foo();});