Удалить переход затухания по умолчанию в JQuery Mobile

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

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

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

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

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


person Fer Salas    schedule 08.09.2014    source источник
comment
вы должны поместить mobileinit после jQuery.js и перед jQuer-Mobile.js.   -  person Omar    schedule 08.09.2014


Ответы (1)


Порядок обработчика mobileinit важен. Он должен находиться между вашим основным файлом 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>
person Brad Bird    schedule 25.09.2014