PhoneGap/JQuery мабільных старонкі пераход мігатлівыя

Я пачатковец у PhoneGap/JQuery мабільнага і я сутыкнуўся з белым экранам падчас задачы старонкі пераходу. Я спрабаваў прымяніць шмат рашэнняў, якія я знайшоў у Інтэрнэце (напрыклад, -webkit-адсеў-бачнасць: схаваны; ) і да гэтага часу не вырашана праблема.

Я ніколі таксама ўсталяваць defaultPageTransition у ніводзінjQuery мабільных .js файл) і да гэтага часу нічога.

Я не павінен адключыць апаратнае паскарэнне, таму што гэта трэба для маёй iDangerous <�моцны /> меню Swiper. Усе мае спасылкі выглядаюць наступным чынам:

Some String

Калі я націскаю на спасылку SomeFunction() называецца. Метад someFuction выглядае наступным чынам:

function someFunction(){
    //setting some value that I need in next page
    window.sessionStorage.setItem("someValue",someValue);
    window.location="next-page.html";
}

Усё працуе нармальна за выключэннем таго, што белая ўспышка падчас пераходу старонкі. І ён паказаў толькі на некаторых прыладах (напрыклад, Android 4+).

Ці ёсць спосаб вырашыць гэтую праблему? Ці, можа быць, я раблю нешта не так? Загадзя дзякую!

1
См stackoverflow.com/a/16692917/104746 --- Усталёўка краявіднага экрана з карыстальнікам маштабуецца = няма фіксаванай праблемы для мяне ,
дададзена аўтар Yaakov Belch, крыніца

6 адказы

вам трэба нешта да выкліку jQuery мабільных JS зрабіць так:

<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
                <script type="text/javascript">
                $(document).bind("mobileinit", function()
                {
                   if (navigator.userAgent.indexOf("Android") != -1)
                   {
                     $.mobile.defaultPageTransition = 'none';
                     $.mobile.defaultDialogTransition = 'none';
                   }
                });
                </script>
                <script src="js/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>

thats enough refer

3
дададзена
android:hardwareAccelerated="false"

Адкрыйце маніфест і ўстаўце гэты тэг ўнутры прыкладання. Паколькі прылада hardwareAccelerated называюць кожны раз,

2
дададзена

Паспрабуйце, як паказана ніжэй

Some String

JS

$(document).on('pagecreate', function(){
  $('#mylink').bind('click',function(){
      someFunction()
  });
});

function someFunction(){
  window.sessionStorage.setItem("someValue",someValue);
  $.mobile.changePage("next-page.html");
}
1
дададзена
Дзякуй, я напісаў, як вы сказалі, і вырашыць праблему. Дзякуй!
дададзена аўтар Kolovrat, крыніца
<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
                <script type="text/javascript">
                $(document).bind("mobileinit", function()
                {
                   if (navigator.userAgent.indexOf("Android") != -1)
                   {
                     $.mobile.defaultPageTransition = 'none';
                     $.mobile.defaultDialogTransition = 'none';
                   }
                });
                </script>
                <script src="js/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
1
дададзена

Пры пабудове для больш высокіх мэтаў Android у <�моцны> Android: hardwareAccelerated </моцны> няяўна усталёўваецца ісціна, якая выклікае мігаценне падчас пераходаў з jQuery Mobile.

Ўстаноўка яго <�моцны> Android: hardwareAccelerated = "хлусня" будзе выправіць гэта. (У мяне таксама ёсць павелічэнне і карыстальнік маштабуецца адключыла)

http://developer.android.com/guide/topics/graphics/hardware -accel.html

1
дададзена

Вы можаце напісаць свае спасылкі як

Some String

у jQuery мабільнага не вельмі гладка ў старонцы transitions.Hence мы можам выбраць, каб адключыць іх дзеля ў цяперашні час недо апошняя версія jQuery мабільнага з нармальнымі пераходамі старонак вызваляецца.

0
дададзена
Я таксама паспрабаваў паставіць дадзеныя пераходу: ніхто ў маёй спасылцы, але, на жаль, не дапамог. Рашэнне, якое Май Mayooresan даў вышэй дапамагла мне. Дзякуй за прапанову.
дададзена аўтар Kolovrat, крыніца