0

jQueryMobile(jQM 1.2.1)とPhoneGap(cordova-2.7.0)で作業しています。ここで今、プリローダーの問題に直面しています。ここで Page1 の送信ボタンをクリックすると、いくつかの API がサーバーに送信されます。Page2 の Pagebeforeload のイベントでは、結果を収集し、HTML でフェッチするために配列に渡します。次に、ページ 2 は、プリローダーを非表示にする必要があることを示しています。しかし問題は、ボタンをクリックしたときに読み込みが機能しないことです。

まずはjQMのデフォルトプリローダーで確認。しかし、失敗したとき。そこで、プリローダーを手動で作成し、ボタンクリック時にそれを呼び出します。

function showLoading()
{
    $("body").append("<div id='overlay'></div> < img src = 'images/loading.gif' id = 'loader_image' / > ");
}

ここで、ボタンクリックイベントの私のコードを示します。

$("#submit_booking_step_one").live('click', function(event) {

    // $.mobile.loading('show');
    showLoading();
    var Valresult = searchValidation()
    if (Valresult == true)
    {
        var json = 1;
        var age_driver = $('#age').val();
        var car_group = $('#car_group_list').val();
        var cmpapi = 'http://www.sampleurl.com/json/get.php?json=' + json + '&age_driver=' + age_driver'';
                ajaxForCmpList(cmpapi);
        //showLoading();
        $.mobile.changePage("#mobile_page_list_bookacar", {reverse: false, changeHash: true});
        event.preventDefault();
    }
});

そのための解決策はありますか????

4

1 に答える 1

0

このスクリプトを呼び出してみてください...

$(".ui-loader").show();

showLoading() 関数の代わりに。

デモはこちら... http://jsfiddle.net/yeyene/CVv2q/1/

そしてこちらのイベントにもチェンジ…

$("#submit_booking_step_one").on('vclick', function(e){
    // your scripts
});

Jクエリ

$('#submit_bkg').on('vclick', function(e){
    $(".ui-loader").show(); // onsubmit, show loading
    
    e.preventDefault();
    location.hash = "submitted_booking";  // another page  
      
    $.ajax({
        type: 'POST',
        url: 'get_data_source.php?qtype=new_booking',
        data: serialized,
        dataType: "json",
        success: function(data) {
            
            // your scripts for after successful submit
            
            $(".ui-loader").hide();  // hide loading back
        }
    });
});
于 2013-06-06T06:13:26.680 に答える