来自不同jquery文件的可用性函数

时间:2016-03-02 15:13:24

标签: javascript jquery

我有几个函数,我想从主jquery文件中分离出来。但是,如果我只是将它们放在不同的文件中,我将在尝试调用它时收到错误。 - TypeError:$不是函数 这是一个简单的错误,通过放入

中的所有功能来解决

jQuery(document).ready(function($) { }); 好吧,但是一旦主jquery文件将尝试调用该函数,它将给出错误,该函数未定义。 所以我发现在一个$(document).ready块中定义的函数不能从另一个$(document).ready块调用, 因此我的问题是如何从不同的文件调用函数。

函数的问题是我不能在没有jQuery(document).ready块的情况下使用它,但是一旦我把准备好的块函数用于主jquery文件就不可见了。 这是测试 -

  

https://stackoverflow.com/a/1327766/4849611

所以很多评论都是我的链接

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

<script type="text/javascript" src="js/function.js"></script> <!--file with functions-->
<script type="text/javascript" src="js/main.js"> </script> <!-- file which try to call functions--->
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.webcam.js"> </script>

我会指出这个问题,因为人们不明白...... 简单的函数 - 例如在function.js文件中

function dialog(){

$("#message").dialog({
    modal: true,
    buttons: {
        Ok: function() {
            $( this ).dialog( "close" );
                }
        }
}); 

}

主文件-main.js

jQuery(document).ready(function($) {

$(document).on("click", "#take_one", function(e){ 
e.preventDefault;
dialog();
return false;   
});

});

1 个答案:

答案 0 :(得分:-1)

将另一个文件包含在页面上的脚本标记中。

<script src="path/to/your/script.js"></script>