Bootstrap: Responsitive conception - execute JS lorsque la fenêtre est redimensionnée de 980px de 979px

Je suis la dernière de Twitter Bootstrap. Je voudrais exécuter un certain JS fonction (affichage de l'info-bulle une fois) quand ma largeur de la fenêtre est inférieure à 980px (comme vous le savez, sur cette taille de Bootstrap modifie barre de navigation et le cache standard des éléments de menu) – fenêtre est de 768 à 979, pour être bref. Je sais que

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

cette option peut être utilisée pour capturer l'événement. Cependant, il peut être utilisé uniquement pour le changement de la sortie de styles comme

body {background-color:#ccc;}

Et j'ai besoin de lancer JS-fonction, ou d'ajouter ou de supprimer un style spécifique pour l'élément. J'ai essayé:

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

mais cette solution est si lent, et même se bloque une fenêtre de navigateur. Donc, est-il une solution pour attraper ce cas, lorsque la fenêtre est redimensionnée pour 979px de PLUS de côté et d'exécuter un JS-fonction?

Merci à tous!

  • Pourquoi la solution est lente, ne l'événement virer trop souvent pour combien de temps à votre gestionnaire de vos besoins? Si oui, vous pouvez essayer quelque chose comme Underscore.js's debounce() pour seulement exécuter le gestionnaire d'une fois que la fenêtre est fait de redimensionnement. (En supposant que vous n'avez pas vraiment besoin que les modifications soient complètement lisse.)
  • eh bien, en fait, il n'a même pas fonctionné pour moi - je ne pourrais pas obtenir une alerte lorsque la fenêtre a été 980. Et j'ai besoin de pour obtenir d'alerte UNIQUEMENT dans le cas lorsque la fenêtre est redimensionnée à partir de 980 à 979. Pas vice-versa 🙂
  • Indépendamment de la question, +1 pour inventer un nouveau mot qui sonne comme il devrait exister.
InformationsquelleAutor f1nn | 2012-08-28