javascript - Jquery Mobile 和 Cordova 事件 Pageinit 绑定不起作用

Question

我在这之后发疯了......即使在堆栈溢出中我也关注了很多页面，但我无法让它工作

引导程序.js

var jqmReady = $.Deferred(),
pgReady = $.Deferred();

// jqm page is ready
$(document).bind("pageinit", jqmReady.resolve);

// phonegap ready
document.addEventListener("deviceready", pgReady.resolve, false);

// all ready, throw a custom 'PG_pageinit' event
$.when(jqmReady, pgReady).then(function () {
  $(document).trigger("xpageinit"); 
});

索引.html

$(document).bind("xpageinit", function(){


//Login Page
$('#login').live( 'pagebeforeload',function(event){


    $('a').buttonMarkup({ inline: true });
    $("#logo").fadeIn('slow', function(){
        $(this).animate({'top': '-=80px'},'slow', function(){
        $(".formLogin").fadeIn('slow');
        });    
    });  

    });

    });

但这不会以任何方式起作用，有什么建议吗？谢谢

Answer 1

我相信您可能绑定了错误的方法。尝试绑定到 pagebeforeshow 事件，而不是绑定到 pagebeforeload。当框架要加载外部页面时会触发 pagebeforeload。我只是在这里猜测，因为您没有提供有关 #login 是什么的更多详细信息（我假设它是一个具有 data-role="page" 属性的 div。