javascript - Pageinit 和 Ready 事件异常

Question

这是我在pageinit 和 ready 事件中遇到的问题的链接

通过小提琴链接，一切都可以使用 onLoad 和 onDOMready 进行。"一切"是什么意思

1. 主题列表已正确加载，单击时会弹出一个列出模块的弹出窗口
2. 模块列表会在单击时发出警报

但是在我的代码中，试图在 pageinit 不起作用后将事件绑定到相应的 id

$('#home').on('pageinit', function() {
 $('#modules').on('vclick','li', function(e){
        e.stopImmediatePropagation();
        e.preventDefault();
       var module = $(this).attr("category");
       moduleClick(module);       
       });
});

监听 $(document).ready( function() {)} 不会弹出模块。

Answer 1

如果您想在页面加载后立即打开一个弹出窗口，最好在 pagecreate 中进行，因为 JQM 1.4 pageinit 已被弃用，但由于某些链接问题，仅打开一个弹出窗口将不起作用，您需要添加一些超时以及

在弹出窗口中放置一个带 href 的锚点并点击

$(document).on("pagecreate", function(event) {
    setTimeout(function(){
       $("a#popupOpen").click();
    },200);

});

或者

$(document).on("pagecreate", function(event) {
    setTimeout(function(){
       $( "#popup" ).panel( "open" );
    },200);

});

Answer 2

尝试

$(window).load(function() {
    ...
});

或者

document.addEventListener('deviceready', onDeviceReady, true);
function onDeviceReady(){
    ...
}