2014-09-08 3 views
0

Я разрабатываю мобильное приложение с помощью Phonegap с помощью JQuery Mobile. Сначала я попытался обычно добавить переход к < тег> с помощью:Удалить переход по умолчанию на JQuery Mobile

<a href="#page2" data-transition="slide">Page 2</a> 

так же, как это описано на JQuery Mobile документации, но я заметил, что моя страница делает затухающий анимацию, прежде чем на самом деле делать слайд, и конечно, это выглядело ужасно. После того, как это случилось, я думал, что это произошло потому, что анимация по умолчанию, так что я искал способы, чтобы удалить его, и я нашел это:

<script> 
     $(document).bind("mobileinit", function(){ 
     $.mobile.defaultPageTransition = 'none'; 
     }); 
    </script> 

Но она по-прежнему не работает. Я также попытался изменить переход по умолчанию на слайд, но он тоже не работает. Спасибо за ваше время, любые идеи?

+1

вы должны поместить 'mobileinit' после jquery.js и перед jQuer-Mobile.js. – Omar

ответ

0

Важное значение имеет порядок обработки мобильного устройства. Он должен идти между основным файлом Jquery и файлом JQuery Mobile

<!-- jQuery.js --> 
<script type="text/javascript" src="assets/js/plugins/jquery-2.1.1.min.js"></script> 

<!-- Place after jQuery.js but before jQueryMobile.js --> 
<script type="text/javascript" src="assets/js/app.js"></script> 

<!-- jQueryMobile.js --> 
<script type="text/javascript" src="assets/js/plugins/jquery.mobile-1.4.4.min.js"></script> 
Смежные вопросы