2013-04-17 2 views
0

Я использую jQueryMobile 1.3.0 с PhoneGap/Cordova 2.4.0 и пытаюсь выяснить, как ускорить переходы страницы. Я сократил переходы страниц примерно до 50 мс при работе на моем ноутбуке, однако при развертывании на iPhone 4 переходы страниц резко замедляются.jQueryMobile PageTransition Speed ​​

Сценарий Переход от страницы A к странице B. Я замечаю appox 500ms между «страницей B - pagebeforecreate» и событием «Страница A - страницаСкрыть».

Вот что я пробовал:

  1. Я раздел большинство коды.
  2. Подтвержденная страница A - pageRemove событие не срабатывает, поэтому времени не хватает.
  3. Уменьшенная продолжительность анимации в css от 350мс до 30 мс. (Это помогло, но не достаточно)

    .slide.out,.slide.in { 
        -webkit-animation-timing-function:ease-out; 
        -webkit-animation-duration:30ms; 
    } 
    
  4. Пробовал как «а» тег и DIV с changePage

    <a href="#pageB">Go</a> 
    
    <div onclick="$.mobile.changePage('#pageB');">Go2</div> 
    

Кто-нибудь есть какие-либо мысли о том, что делает jQueryMobile между этими двумя событиями, потребуется время. Следующим шагом будет запуск регистрации внутри кода jquerymobile, чтобы сузить время, затрачиваемое на время.

Я ценю любую помощь!

Спасибо, Том

ответ

0

самый быстрый способ, которым Вы можете отключить переход

<script type="text/javascript"> 
    $(document).on("mobileinit", function() { 
       $.mobile.defaultPageTransition = $.mobile.defaultDialogTransition = "none"; 
      }); 
    </script> 
+0

Спасибо за ответ. Мне все еще нужен переход, я просто хочу ускорить его. Визуальный аффект, похоже, не является проблемой (я думаю). Кажется, что существует отставание от времени, когда я касаюсь кнопки до начала перехода. – Thomas

2

JQuery Mobile добавляет 300мс задержки по умолчанию нажмите событие - это прослушивание для вещей, как двойные краны и пойло. Если вы не используете какие-либо из этих типов событий, подумайте над включением FastClick http://forum.jquery.com/topic/how-to-remove-the-300ms-delay-when-clicking-on-a-link-in-jquery-mobile, который решил мои проблемы с скоростью в моем приложении PhoneGap/jQueryMobile.