JavaScript nur laden, wenn Breite max. x Pixel

[x4all]

Gibt's ne Möglichkeit bestimmten JS-Code nur auszuführen, wenn die Seite max. z.B. 960px breit ist? (jQuery-Sticky header)

[marq]

if ($(window).width() < 960) {
   alert('kleiner als 960');
}
else {
   alert('groesser als 960');
}

kurzer edit: würde das ggf. aber noch mit nen resize verknüpfen...

$(window).resize(function() {
   if ($(window).width() < 960) {
      alert('kleiner als 960');
  }
 else {
      alert('groesser als 960');
 }
});

[planepix]

Ich erinnere mich, das hier im Forum dazu mal so eine Frage war, finde diese aber auf die Schnelle nicht.

Ein Ansatz vielleicht damit?
http://xoxco.com/projects/code/breakpoints/

[Jonas-]

Ich habe das mal so gelöst:

if (window.matchMedia('(max-width: 767px)').matches) {
...  

} else {    
...

};

[Spooky]

Wozu mit matchMedia?

[Jonas-]

Wenn er ein responsive Problem hat, das er mit CSS nicht lösen kann, ist matchMedia das Pendant um Media Queries in JavaScript einzusetzen.