2012-04-18 2 views
1

У меня есть следующий код:Новая мобильная версия JQuery, влияющая на переход страницы?

<div data-role="page" id="Page1" > 

    <!-- Footer here --> 
     <div data-role="footer" data-position="fixed" data-id="id-footer1"> 
     <div data-role="navbar"> 
      <ul> 
       <li><a href="#Page1" class="ui-btn-active ui-state-persist">Page1</a></li> 
       <li><a href="#Page2" data-transition="pop">Page2</a></li> 
      </ul> 
     </div> 
     </div><!-- /footer --> 
</div><!-- /page --> 

<div data-role="page" id="Page2" > 

    <!-- Footer here --> 
     <div data-role="footer" data-position="fixed" data-id="id-footer1"> 
     <div data-role="navbar"> 
      <ul> 
       <li><a href="#Page1" >Page1</a></li> 
       <li><a href="#Page2" data-transition="pop"class="ui-btn-active ui-state-persist">Page2</a></li> 
      </ul> 
     </div> 
     </div><!-- /footer --> 
    </div><!-- /page --> 

Вышеуказанные коды будут работать, если я использую следующие сценарии. То есть, Page 1 будет иметь эффект слайда и эффект Pop.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> 

Однако, когда я использовал следующее, эффект слайда и поп-эффект исчезли.

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> 

Похоже, что новая версия JQM повлияла на переход страницы или я что-то упустил? Может кто-нибудь подтвердить?

Спасибо.

+0

Какое устройство вы используете для тестирования? –

+0

Я использую свой телефон Android Sensation. – newpc100

ответ

1

Прочитайте раздел переходов в announcement of 1.1.0:

К сожалению, после того, как тонны работы, мы пришли к выводу, что это не представляется возможным немого вниз переходы страниц достаточно, чтобы получить приемлемую производительность в Android 2.x , даже на более новом устройстве как работает Nexus S 2.3. После большого обсуждения мы решили использовать тест функции для трехмерных преобразований для целевых переходов: если браузер пройдет, он увидит полный диапазон переходов . По умолчанию, если браузер не выполнил этот 3D-тест, он вернется к переходу , независимо от указанного перехода. Все устройства Android 1.x-2.x не могут пройти тест , но Android 3.x и 4.x проходят. Резервное поведение для каждого перехода полностью настраивается , если вы хотите изменить это поведение.

Если ваш тестовый браузер не поддерживает 3D-преобразования, вы получите переход на постепенный переход.

+0

Спасибо, Дэниэл. Очень жаль ..... – newpc100

Смежные вопросы