从不同的文件中调用函数

时间:2013-01-07 13:22:46

标签: javascript jquery function

此代码包含两个.js个文件

<script src="./js/get_values.js"></script>
<script src="./js/global.js"></script>

get_values.js

function get_values(value) {
    alert(value);
}

global.js

jQuery(document).ready(function($) {
    get_values(11);
});

TypeError: Property 'get_values' of object [object Window] is not a function [global.js:3]

我知道函数可以包含在一个文件中,但为了实现舒适的协作,我试图将函数get_values移到global.js之外。

我们怎样才能让它发挥作用?

2 个答案:

答案 0 :(得分:1)

您的代码在我的本地主机上运行。我也尝试从src中删除'./'并且工作正常。

您可能希望在浏览器上进行硬刷新,例如CTRL + SHIFT + R,看看它是否能解决您的问题。

或者,您也可以执行ff:

var get_values = function (value) {
    alert(value);
};

看看它如何发展。欢呼声。

答案 1 :(得分:-3)

问题是,get_values(11);不能在其范围之外访问(由文件#1中的.ready()回调函数定义)。您需要在全局范围内(或通过全局范围中可用的任何对象

)使此功能可用
get_values(11);
jQuery(document).ready(function($) {
    //.........
});

也试试这个:

<script type="text/javascript" src="js/get_values.js"></script>
<script type="text/javascript" src="js/global.js"></script>