How to disable JavaScript in media query

Question

I want to dissable javascripts in media query.

@media only screen
 (max-device-width : 568px) {
.sidebar { display: none; } 
  #navmenu {  margin-top:0px; width:auto; padding:10px; margin-left:15%;}
.content {width:auto; height:auto; margin-left:0; margin-top:3%;}
.contentsing{position:relative; width:100%; height:auto; margin-left:0%; margin-top:-150px;}


}

That is mu code, now i want to add something that will disable scripts.

Why do you want to do that? Do you want to disable your own scripts? — t.niese
– t.niese, Commented Dec 18, 2013 at 13:23
Yes.. here is link [link]stefanvblog.com/category/news Now i want to disable that script with menu on mobile device. — x-y-z-select
– x-y-z-select, Commented Dec 18, 2013 at 13:25
Well CSS can not disable JavaScript so you need to make your JavaScript detect that state. — epascarello
– epascarello, Commented Dec 18, 2013 at 13:31

Julian Krispel-Samsel · Accepted Answer · 2013-12-18 13:31:35Z

9

You could wrap your script in an if statement that checks how wide the screen is like this:

if(window.innerWidth > 568){
    ...execute script
}

However, that will only execute once, so what if you resize your browser window? You could have an event listener that executes your script whenever you resize the browser.

window.addEventListener('resize', function(){
    if(window.innerWidth > 568){
        ...execute script
    }
});

answered Dec 18, 2013 at 13:31

Julian Krispel-Samsel

7,7644 gold badges36 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pawel Gradecki · Accepted Answer · 2017-06-25 16:02:34Z

2

When you use jQuery - this code will help you

$(window).resize(function() {
    if ($(window).width()>992){
        ...execute script
    }
});

edited Jun 25, 2017 at 16:02

Pawel Gradecki

3,5866 gold badges24 silver badges37 bronze badges

answered Jun 25, 2017 at 14:01

sioniks

296 bronze badges

Comments

Martin Brandl · Accepted Answer · 2016-04-13 06:51:40Z

1

this would work better....

if ($(window).width()>568){
    ...execute script
}

edited Apr 13, 2016 at 6:51

Martin Brandl

59.4k16 gold badges151 silver badges190 bronze badges

answered Apr 12, 2016 at 20:17

ali

211 bronze badge

Collectives™ on Stack Overflow

How to disable JavaScript in media query

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related