JS / jQuery调用函数来自动态加载的JS文件?

时间:2014-06-16 19:36:58

标签: jquery dynamic global-variables

我遇到了从动态加载的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

2 个答案:

答案 0 :(得分:0)

查看getScript()功能。你可以在页面加载后加载你的js文件吗? http://api.jquery.com/jquery.getscript/

答案 1 :(得分:0)

尝试封装文档就绪语句。

$(document).ready(function(){foo();});