JavaScript nur laden, wenn Breite max. x Pixel

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

Code:

---

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...

Code:

---

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

---

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/

Ich habe das mal so gelöst:

Code:

---


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

} else {   
...

};

---

Wozu mit matchMedia?

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