Question

我正在尝试显示加载消息......我正在使用jquery mobile在phonegag中处理单页应用程序。

$(document).delegate("#cartaxvalidityPage", "pageinit", function () {
    $.mobile.showPageLoadingMsg();
    createCarTaxValidPage();
    $.mobile.hidePageLoadingMsg();
});

function createCarTaxValidPage() {
    var buyerList = carHaatDatabaseParsed.BuyerList;
    $("#buyer-listview").empty();

    for (var i = 0; i < buyerList.length; i++) {
        var listItem = $('<li> </li>');
        var listAnc = $('<a>  </a>');

        var carImag = "<img " + "src='" + "data:image/jpg;base64," + buyerList[i].BuyerPhoto + "'/>";

        var listHeader = $('<h3> ' + "Buyer Name: " + buyerList[i].BuyerName + ' </h3>');
        var listParagraph = $('<p> Buyer Id: ' + buyerList[i].BuyerTaxId + ' </p>');
        var listParagraphValidDate = $('<p> Tax Expire Date: ' + buyerList[i].CarValidityDate + '</p>');
        listAnc.append(carImag);
        listAnc.append(listHeader);
        listAnc.append(listParagraph);
        listAnc.append(listParagraphValidDate);
        listItem.append(listAnc);
        $("#buyer-listview").append(listItem);
    }

    $("#buyer-listview").listview("refresh");
}

它没有显示任何消息。

Answer 1

.delegate已弃用，已替换为.on。

$(document).on("pageinit", "#cartaxvalidityPage", function () { });

在pageinit事件中，使用setTimeout显示加载消息。

setTimeout(function () {
  $.mobile.loading("show");
}, 10);

使用$.mobile.loading("show")和$.mobile.loading("hide")

<强> Demo

在jquery mobile中的单个应用程序中显示页面加载消息

1 个答案: