javascript - 很难将我的 Jquery 分离到单独的 js 文件中

Question

预先感谢您的帮助。我在 SO 上提出了类似的问题，但仍然无法弄清楚。

我有一个 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>

我的JS文件translate_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");

          });
        };

    });

当我刷新 HTML 时，控制台告诉我:Uncaught ReferenceError:button_fun 未定义

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

谢谢! 丹

Answer 1

您不需要以这种方式定义函数，只需使用传统方法即可。您的函数可能在其他函数运行时尚未定义。

translate_game.js:

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