Search jQuery

jQuery Forum

Windows Phone (WP7 Mango) and transitions

in jQuery Mobile • 11 years ago

Hi,

I have some issues with jqMobile and WP7. Performance is one problem, the other is that the transitions don't work. When I call the transition demo page from my WP7 Mango device (IE9 Mobile), no transitions are shown. There are other -but unanswered- questions on this (https://forum.jquery.com/topic/still-problems-with-windows-phone-7-5-mango). So is there any suggestion, solution? Are you working on that?

Thanks in advance,
Matthias

Replies(2)

binhan_tr..

Re: Windows Phone (WP7 Mango) and transitions

11 years ago

i have the same problem that the page transitions don't work. The problem is, you will always see a white screen for 1-2 seconds when the page is loading. It's quite a visual problem.

carlosfab..

Re: Windows Phone (WP7 Mango) and transitions

11 years ago

The desktop version of IE doesn't support the transitions of jquery mobile and IE mobile...

So you need to disable it. Load this code from your index.html head section:

/**

* Global transitions config for all plattforms

* Carlos Cano

var isHQMobilePlattform = navigator.userAgent.match(/(iPhone|iPod|iPad)/);

//Android|BlackBerry maybe medium-low quality

var isMLQMobilePlattform = navigator.userAgent.match(/(Android|BlackBerry|Windows Phone OS 7)/);

if (isHQMobilePlattform == true){

$(document).bind("mobileinit", function() {

$.mobile.defaultPageTransition = 'slide';

});

}else if (isMLQMobilePlattform == true) {

$(document).bind("mobileinit", function() {

$.mobile.defaultPageTransition = 'none'; //may be 'slide', 'fade', 'pop'

});

}else{

$(document).bind("mobileinit", function() {

$.mobile.defaultPageTransition = 'none'; //may be 'slide', 'fade', 'pop'

});

}

$(document).bind("mobileinit", function() {

$.mobile.changePage.defaults.allowSamePageTransition = true;

})

If the problem continue...

Try to set this code in the HEAD

/* App custom styles */

.ui-page {

-webkit-backface-visibility: hidden;

overflow: hidden;

}

input { outline: none; }

</style>

Remember that you need to have different names for every page (data-role) element.

If never of this works, sorry.. I don't have more ideas.

Top Reply

Response title

Attachments

jQuery Forum

Windows Phone (WP7 Mango) and transitions

Replies(2)

Re: Windows Phone (WP7 Mango) and transitions

Re: Windows Phone (WP7 Mango) and transitions

Statistics

Tags

Actions