Jquery mobile orientationChange error on startup in landscape mode

Question

I have some kind of app, where interface depends on orientation change. So I have two functions for interface portraitSet() and landscapeSet(). Here is the code how I catching up orientation change event:

$(window).on("orientationchange",function(event){
    alert(event.orientation);
        if (event.orientation == 'portrait')
        {
            $(portraitSet());
        }
        else if (event.orientation == 'landscape')
        {
            $(landscapeSet());
        }
});

On launch app in portrait mode it works perfectly, but when start app in landscape mode and trying to set mobile into portrait mode my alert(event.orientation) giving me message "landscape", but mobile on portrait mode. Where is my mistake?

On start up `mobileinit` check height and width. – Omar Apr 10 '14 at 08:14 — Omar, Apr 10 '14 at 08:14

score 0 · Answer 1 · edited May 23 '17 at 10:25

0

hi use this code.....

$(window).resize( function(){
    var height = $(window).height();
    var width = $(window).width();
        if(width>height) {
      // Landscape
          alert("LANDSCAPE");
        } else {
      // Portrait
        alert("PORTRAIT");
        }

       });

if you need more refer

edited May 23 '17 at 10:25

Community

1
1

answered Apr 10 '14 at 08:04

Kathir

4,359
3
17
29

Jquery mobile orientationChange error on startup in landscape mode

1 Answers1