Question

I’m using ASP.net MVC4 with jquery mobile.

i’m trying to change the transition page effect setting $.mobile.defaultPageTransition to 'none' in 'mobileinit' bind, but nothing happens and the default transition (slide) persists!

I even tried alter jquery.mobile-1.0.js directly and nothing changes too.

anyone have any tips?

Answer 1

Are you binding to mobileinit in the correct place?

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

Notice jQuery Core gets loaded first, then we bind to the mobileinit event, then the jQuery Mobile JS file is loaded.

Docs: http://jquerymobile.com/demos/1.1.0-rc.1/docs/api/globalconfig.html

Here is a demo: http://jsfiddle.net/JczRj/