Javascript Pageinit和Ready事件异常

Javascript Pageinit和Ready事件异常,javascript,jquery,listview,jquery-mobile,cordova,Javascript,Jquery,Listview,Jquery Mobile,Cordova,这是我所面临的问题的一个链接 使用fiddle链接,一切都可以使用onLoad和onDOMready工作。“一切”的意思 主题列表已正确加载,并在单击时弹出一个列出模块的弹出窗口 模块列表会在单击时发出警报 但是在我的代码中,试图在pageinit之后将事件绑定到相应的ID是不起作用的 $('#home').on('pageinit', function() { $('#modules').on('vclick','li', function(e){ e.stopImmedia

这是我所面临的问题的一个链接

使用fiddle链接,一切都可以使用onLoad和onDOMready工作。“一切”的意思

  • 主题列表已正确加载,并在单击时弹出一个列出模块的弹出窗口
  • 模块列表会在单击时发出警报
  • 但是在我的代码中,试图在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(){)}不会弹出模块

    试试看

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


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

    将带有href的锚点放到弹出窗口中,然后单击

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

    $(窗口)。load不会弹出模块,eventlistener也不会绑定事件。请像这样尝试huck(在您的文档之前简单地添加代码):document.addEventListener('deviceready',onDeviceReady,true);函数ondevicerady(){$('#home').trigger('pageinit');}
    $(document).on("pagecreate", function(event) {
        setTimeout(function(){
           $("a#popupOpen").click();
        },200);
    
    });
    
    $(document).on("pagecreate", function(event) {
        setTimeout(function(){
           $( "#popup" ).panel( "open" );
        },200);
    
    });