Comment détecter la taille de la fenêtre et de faire quelque chose avec jquery instruction switch

je voudrais vérifier pour la taille de la fenêtre avec jquery et sur la base des résolutions différentes, je voudrais changer l'image d'arrière-plan. Donc, je pensais à quelque sorte d'utiliser l'instruction "switch" pour plus de cas, mais je ne sais pas comment cela allait ressembler. C'est la structure de base que je veux, mais avec plus d'options: 

if ((screen.width>=1024) && (screen.height>=768)) {
 //do something
}
else {
//do something else
}

Merci pour votre aide.

OriginalL'auteur Mr. Sam | 2011-09-05

  1. 1

    La switch instruction de ne pas vous laisser faire des choses comme la vérification pour les nombres entre certaines valeurs, et il ne laissera pas vous vérifier sur de multiples variables,...

    Donc pour ce scénario particulier, je pense que le meilleur ajustement est en fait juste une liste de if-elseif états, comme vous êtes déjà sur votre chemin à faire.

    Faire "de la gamme des contrôles" dans switch est vraiment détaillé:

    switch(windowWidth) {
    case 1:
    case 2:
    case 3:
    case 4:
    case 5:
        //Do something if value is less than or equal to 5
        break;
    case 6:
    case 7:
    case 8:
    case 9:
    case 10:
        //Do something if value is higher than 5 AND less than or equal to 10
        break;
    ...
    ...
}
    Ouai, je pense que votre droit @peirix, je veux dire, je suis sûr que votre droit sur l'instruction switch, mais je m'attendais à le mettre en œuvre en quelque sorte, comme par exemple vérifier que la largeur de l'écran et si cela correspond au cas de faire quelque chose... mais je pense que je vais coller if-elseif
    Vous pouvez passer sur les plages si vous faites quelque chose comme cela: switch(true) { case windowWidth >= 1 && windowWidth <=5: break; case windowWidth >=6 && windowWidth <= 10: break; }

    OriginalL'auteur peirix

  2. 39

    Vous devez utiliser:

    $(window).width();   //returns width of browser viewport
$(document).width(); //returns width of HTML document

$(window).height();   //returns heightof browser viewport
$(document).height(); //returns height of HTML document

    et alors que vous pourriez faire:

    var width = $(window).width(); 
var height = $(window).height(); 

if ((width >= 1024  ) && (height>=768)) {
 //do something
}
else {
//do something else
}

    EDIT - je ne pense pas que l'utilisation d'une instruction switch est utile dans ce cas. L'instruction switch est juste une autre façon pour le if...else notation que dans ce cas, je trouve plus utile, parce que vous avez plusieurs de comparaison à faire:

    if ((width >= 1280) && (height>=1024)) {
 //do something
}
else if ((width >= 1024  ) && (height>=768)){
//do something else
} else if ((width >= 800) && (height>=600)){
//do something else
}else{
//do something else
}
    Merci @Nicola Peluchetti mais je voudrais plus de cas, comme avec l'instruction switch.
    j'ai mis à jour ma réponse

    OriginalL'auteur Nicola Peluchetti