Pageinit和Ready Events不规范

时间:2013-08-16 09:09:38

标签: javascript jquery listview jquery-mobile cordova

以下是我所面临问题的小提琴with pageinit and ready events

的链接

使用小提琴链接,一切都可以使用onLoad和onDOMready。 “一切”意思

  1. 主题列表已正确加载,其中包含一个列出模块的弹出窗口
  2. 模块列表会在点击
  3. 时发出警告

    但是在我的代码中尝试在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(){)}不会弹出模块。

2 个答案:

答案 0 :(得分:0)

尝试

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

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

答案 1 :(得分:0)

如果你想在页面加载时立即打开一个弹出窗口,那么你在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);

});