Question

I have a script that runs based on screensize using

if (document.documentElement.clientWidth >= 1024) {//script}

This works fine, but requires a refresh between changes, as this will be used on a mobile website I need to see if the orientation changes.

How can i get this to detect the screensize without refreshing?

Jsfiddle demo.

Answer 1

Try this:

$(window).resize(function() {
    if (document.documentElement.clientWidth >= 1024) {    
        $('div').click(function() {
            $('p').slideToggle();
        });
    }
}).resize()

---

Update:

You can use orientationchange event:

$(window).bind('orientationchange', check);

function check() {
     if (document.documentElement.clientWidth >= 1024) {    
            $('div').click(function() {
                $('p').slideToggle();
            });
     }
}