5

詳細な検索とグーグル検索の後、最終的に質問をすることにしました。

私の JQM Web アプリには、合計 4 つのページがあります。そのうちの 2 つは、Ajax を介して動的に入力されます。利用した

$.extend($.mobile, {
        defaultPageTransition: 'none'
    });

私の動的に設定された関数は

$.get_detail= function(){
  $.ajax({
    url: "mypage.cfm",
    data: data,
    timeout:5000,
    cache:false,
    type:'GET',
    dataType:"html",
    success: function(data3) {
       //$('#filldiv').empty();
       $("#filldiv").html(data3);
    $.mobile.changePage('#detailpage');
    },
    error: function(statusCode, errorThrown)
    {
    if (statusCode.status == 0) 
        alert("you are offline");
        else
        alert("Please try again.");
    }
        });
    }

ページを変更すると、ちらつきが発生したように白い画面が点滅しますが、div にデータが入力されていない場合、ちらつきはありません。画面サイズの変更がない場合はすべて問題なく、動的コンテンツのフリッカーを埋めることで画面サイズが変更された場合に気付きました

この問題を解決するために私を助けてください。ありがとうございました

4

1 に答える 1

2

デフォルトのトランジションを無効にするために使用しているものは次のとおりです。

$(document).on( "mobileinit", function() {
   $.mobile.defaultPageTransition = 'none'; 
});

最新のバージョン 1.4 も、より良いトランジションに役立つはずです。

于 2013-12-20T06:57:14.060 に答える