jQuery - faire quelque chose de si la largeur de l'écran est inférieur à 960 px.

Question

Comment puis-je faire jquery faire quelque chose de si mon la largeur de l'écran est inférieur à 960 pixels? Le code ci-dessous toujours les feux de la 2ème alerte, quelle que soit ma taille de la fenêtre:

if (screen.width < 960) {
    alert('Less than 960');
}
else {

    alert('More than 960');
}

Merci

Answer 1

Utilisation de jQuery pour obtenir la largeur de la fenêtre.

if ($(window).width() < 960) {
   alert('Less than 960');
}
else {
   alert('More than 960');
}

Answer 2

Vous pourriez combiner avec un événement de redimensionnement:

 $(window).resize(function() {
  if ($(window).width() < 960) {
     alert('Less than 960');
  }
 else {
    alert('More than 960');
 }
});

Pour R. J.:

var eventFired = 0;

if ($(window).width() < 960) {
    alert('Less than 960');

}
else {
    alert('More than 960');
    eventFired = 1;
}

$(window).on('resize', function() {
    if (!eventFired) {
        if ($(window).width() < 960) {
            alert('Less than 960 resize');
        } else {
            alert('More than 960 resize');
        }
    }
});

J'ai essayé http://api.jquery.com/off/ sans succès, je suis donc allé avec le eventFired drapeau.

Answer 3

utilisation

$(window).width()

ou

$(document).width()

ou

$('body').width()

Answer 4

non, rien de tout cela fonctionne. Ce que vous avez besoin est !!!

Essayez ceci:

      if (screen.width <= 960) {
       alert('Less than 960');
       }
        else if (screen.width >960) {

     alert('More than 960');
     }