javascript - 更改 jquery mobile 1.4.1 中的 defaultPageTransition？

Question

我想知道如何将 jquery mobile 默认页面转换更改为滑动？

我试过了

$("div[data-role=page]").bind("pagebeforeshow", function ( e , data ) {
    console.log("++++++++++++++++++++++++++++++++++++ page before show");
    $.mobile.silentScroll(0);
    $.mobile.changePage.defaults.transition='slide';

});

和

$( document ).on( "mobileinit", function() {
  //apply overrides here
  $("div[data-role=page]").pagecontainer( "change" , { transition: "slide" } );
});

但是两者都不起作用

Answer 1

解决方案:好的，找到了这个 mobileinit 需要在 jq mobile 加载之前调用的答案

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
            <script type="text/javascript">
                $( document ).on( "mobileinit", function() {
                    alert("yes");
                    console.log("mobile initialize .....");
                  $.extend( $.mobile , {
                    defaultPageTransition: 'slide'
                  });
                });


            </script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>