Bootstrap: progettazione responsabile - esecuzione di JS quando la finestra viene ridimensionata da 980px a 979px

Question

Sto utilizzando l'ultimo Bootstrap di Twitter. Vorrei eseguire una determinata funzione JS (mostrando una descrizione del comando una volta) quando la larghezza della mia finestra è inferiore a 980px (come sapete, su questa dimensione Bootstrap modifica Navbar e nasconde le voci del menu standard) - la finestra va da 768 a 979, per essere breve . So che

@media (min-width: 768px) and (max-width: 979px) {...} 

questa opzione può essere utilizzata per catturare l'evento. Tuttavia, può essere utilizzato solo per la modifica degli stili escono come

body {background-color:#ccc;} 

e ho bisogno di lanciare JS-funzione, oppure aggiungere o rimuovere uno stile specifico per l'elemento. Ho provato:

<script> 
    window.onresize = function() { 
     if (window.outerWidth == 980) {alert('');} 
    }; 
</script> 

ma questa soluzione è così lento, e anche pende una finestra del browser. Quindi, c'è qualche soluzione per prendere questo evento, quando la finestra viene ridimensionata a 979px dal lato GREATER ed eseguire una funzione JS?

Grazie a tutti!

Answer 1

outerWidth è un metodo in modo che ti manca ():

if (window.outerWidth() == 980) 

In ogni caso, se si sta utilizzando jQuery:

$(window).resize(function() { 
    if ($(this).width() < 981) { 
    //do something 
    } 
});