意外的页面事件执行顺序

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