jQuery Mobile和Cordova事件Pageinit綁定無法正常工作

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"); 
});

Index.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。