意外页面事件执行顺序

Question

我对以下的执行顺序感到困惑：

$('#home').live('pageinit',function(){
    $('#test').hide();

    $(function() { 
        alert('test1');
    });

    $('#button').click(function(event) {
        event.preventDefault();
    });
});

$('#home').live('pageshow',function(){
    alert('test3');
});

顺序如下：

1. pageinit 被解雇了
2. $('#test').hide() 被执行
3. $('#button').click()... 被执行
4. pageshow 和 alert('test3')走开
5. alert('test1') 被解雇

为什么alert('test1') 不作为数字 3 执行？

谢谢

Answer 1

我不确定代码中是否有任何拼写错误，但它应该会在 Inspect Element 或 Developer Console 中显示错误。尝试像这样封装函数：

(function() { 
   alert('test1');
})();

查看fiddle 的完整源代码