使用 jQuery 的 $load 方法加载的页面中会触发哪些事件？

Question

这里是 index.html

        <script>
        $(document).on('pagebeforeshow','id="container"',  function(){       
            $.mobile.activePage.find('id="content-container"').load("content.html", function(){ 
                $(this).parent().trigger('pagecreate');
            }); 

        }); 

    </script>

content.html 页面在加载时必须从服务器检索数据。

执行上述代码时，content.html 页面中会触发哪个事件？

---

我已经尝试了以下事件，但它们都不起作用

1. pagebeforeshow
2. 页面展示
3. 设备就绪
4. 页面创建
5. pageinit
6. 页面加载

Answer 1

它们都不会触发，因为它们没有链接到加载功能。您应该使用名为 loadPage 的该函数的 jQuery Mobile 版本。它是函数加载的包装函数。

这是官方链接：http://api.jquerymobile.com/jQuery.mobile.loadPage/

在这种情况下，页面事件顺序如下所示：

1. pagebeforeload
2. pagebeforecreate
3. 页面创建
4. pageinit
5. 页面加载

要正确检测 pageload 和 pagebefpreload 事件，请像这样使用它们：

$(document).on('pagebeforeload', function(){    
    console && console.log("pagebeforeload!!");
});                 

$(document).on('pageload', function(){    
    console && console.log("pageload!!");
});

阅读更多信息here，您还将找到一个工作示例。