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

Question

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

Bootstrap.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

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