javascript - onChange 函数未定义

Question

这一定很简单。我在互联网上搜索，只发现语法错误是导致此问题的原因，但我找不到语法错误。

这是javascript:

<script type="text/javascript" src="http://localhost/acrilart/javascript/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        function hi(){
            alert('hi');
        }
        hi();
    });
</script>

和 HTML :

<input type="text" name="cep" value="" id="cep" class="required cep field"
       onChange="hi()" />

在页面加载时，函数 hi 按预期调用，但我的 onChange 事件导致 Firebug 错误，表示函数未定义。我真的很困惑。我拼错了“hi”吗？

Answer 1

hi 函数仅在 ready 事件处理程序的范围内。将它移到事件处理程序之外，或在其中处理绑定(bind)(并从标记中删除内联事件处理程序属性):

$(document).ready(function(){
    function hi(){
        alert('hi');
    }
    $("#cep").on("change", hi);
});