Javascript 很难将Jquery分离到单独的js文件中

提前感谢您的帮助。我在这里滔滔不绝地问了很多类似的问题，但还是弄不明白

我有一个HTML文件，我在其中调用两个函数，这两个函数与我的HTML文件保存在同一目录下的一个单独的JS中

    <script type="text/javascript" src="jquery/js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="jquery/js/jquery-ui-1.10.0.custom.min.js"></script>
    <script type="text/javascript" src="translate_game.js"></script>
    <script type="text/javascript">
$(document).ready( function() {

button_fun();
text_box_fun();

    });

</script>

当我刷新HTML时，控制台告诉我：未捕获引用错误：未定义按钮

任何人都清楚为什么找不到这个函数吗

谢谢大家!！

---

Dan

您不需要这样定义函数，只需使用传统方法即可。在其他函数运行时，可能没有定义函数

翻译_game.js：

$(function() {



        button_fun = function(){
            $("#basic_button").click(function(){ 
              $("#currentspanish").css("color", "yellow");
             });
         };


        text_box_fun = function(){
           $('#entry').focus(function(){
              $("#currentspanish").css("color", "red");

          });
        };

    });

function button_fun(){
    $("#basic_button").click(function(){ 
       $("#currentspanish").css("color", "yellow");
    });
}
function text_box_fun(){
    $('#entry').focus(function(){
        $("#currentspanish").css("color", "red");
    });
}

$（函数（）{}）；是$（document.ready（function（）{}）的一种速记语法

因为您只是在translate_game.js中定义函数，所以可以删除$（function（）{}）包装器。由于这些脚本是同步加载的，因此translate_game.js中的函数将可用于脚本标记中的document.ready回调

如果您想维护隐私或模块化，可以使用

---

此外，您还应该养成使用“var”来定义变量的习惯，否则它们将成为全局变量。是的，无论如何这些都是全局范围的，但是你应该养成一个好习惯。

这些功能被分配给全局。这不是问题。嗯，你说得对。也许在其他函数运行时，它们更可能没有定义。非常感谢您的回复！我想我准备好了。