Question

我正在使用Jquery Mobile开发一个带Phonegap的移动应用程序。首先，我试图通常添加转换为＆lt; a＆gt;标签使用：

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

就像它在JQuery Mobile文档中解释的那样，但是我注意到我的页面在实际进行幻灯片之前正在做一个褪色动画，当然它看起来很可怕。发生这种情况后，我认为这是因为有一个默认动画，所以我想方法删除它，我发现了这个：

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

但它仍然无效。我也尝试将默认转换更改为幻灯片，但它也无法正常工作。感谢您的时间，任何想法？

Answer 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>

删除JQuery Mobile上的默认淡入淡出过渡

1 个答案: