如果不在 onLoad 函数中，jQuery 事件处理程序将不起作用

Question

我有这个脚本：

<script>
    window.onload = function() {
        setTimeout(function() {
            $($('div')).css('background-color', 'yellow')
        }, 3000)

        $('div').eq(0).draggable()      
        $('p').click(function() { 
            $(this).css('background-color', 'gray') 
        })
        $('p').click(function() { /* *** */
            console.log($(this).offset()) 
        })   
    }
</script>

如果我将标记为*** 的行移到下面，而不是在要调用的onLoad 函数内，它就不再起作用了。

文档加载后如何调用 jQuery 代码？ （完整示例页面：http://pastebin.com/6zHipk4i）

Answer 1

onload fires as soon as an object has been loaded，而 jQuery 的 ready() 在检测到所有资源都已加载时触发。 如果您愿意，可以在正文上使用unload，以便在页面完全加载时执行。但是，如果您使用 jQuery，最好使用 jQuery 方式：

$(document).ready(function(){
    $('p').click(function() { console.log($(this).offset()) } );
});

或者你有时会看到同样的写法：

$(function(){
     $('p').click(function() { console.log($(this).offset()) } );
});