更改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移動加載之前需要調用的答案

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

Answer 2

像這樣：

$( document ).on( "mobileinit", function() {
  $.extend( $.mobile , {
    defaultPageTransition: 'slide'
  });
});

Answer 3

或這個：

$(document).bind('mobileinit', function() {
    $.mobile.defaultPageTransition = "slide";
});