先上代碼：<div id="four">four</div><div id="five" onclick="fn()">five</div>    <script>    $(document).ready(function() {        $('#four').on('click', function() {            alert('four')        });                function fn () {            alert('five')        }    })疑問：這個時候點擊 #four 時，可以觸發事件，但點擊 #five 時，不能觸發事件，控制臺報錯為 fn is not defined。如果把 fn 函數放到 .ready() 外面的時候是可以正常觸發事件。on 綁定的事件不管在 .ready() 里面還是外面都可以正常使用。如果說 .ready() 里面的方法在 DOM 加載完后，里面的函數就會銷毀掉，那么為什么 .on() 綁定的事件還能正常執行？如果說 是作用域的 問題，同樣 為什么 .on() 的可以執行， 而 fn 函數又不能觸發了呢？如果說 fn 在 DOM 加載完之后就執行了，但實際上代碼中并沒有調用 fn() ，同時 .on() 里面的匿名函數也沒有被執行啊。這個問題到底是作用域的問題還是執行順序的問題？還是這里jQuery有一套什么機制？