La détection de IE6 à l'aide de jQuery.soutien

N'importe qui ont des idées sur la façon de tester quelque chose de spécifique pour IE6 (et pas IE7) à l'aide de jquery.soutien?

Mon problème est que IE6 prend en charge :hover pseudo-classe uniquement pour les éléments d'ancrage et IE7 ne s'en charge pour tous les éléments (comme FF, Chrome, etc). Donc, je veux faire quelque chose de spécial dans le cas où le navigateur ne prend pas en charge :hover pour tous les éléments... donc j'ai besoin d'un moyen de tester cette fonctionnalité. (ne souhaitez pas utiliser jQuery.le navigateur). Des idées?

aucune des réponses ci-dessous en fait la réponse à la question! ce qui est absurde.

InformationsquelleAutor Jaime | 2009-02-25

browser-detection jquery

55

Alors que c'est une bonne pratique pour vérifier la prise en charge de fonctionnalités, plutôt que de l'agent utilisateur, il n'y a pas de moyen simple de vérifier quelque chose comme le support d'une propriété css à l'aide de JavaScript. Je vous recommande de suivre les affiches ci-dessus suggestion d'utiliser les commentaires conditionnels ou de l'utilisation de jQuery.le navigateur. Une mise en œuvre simple (pas validés pour l'exécution ou de bugs) pourrait ressembler à ceci:
```
if ($.browser.msie && $.browser.version.substr(0,1)<7) {
  //search for selectors you want to add hover behavior to
  $('.jshover').hover(
    function() {
      $(this).addClass('over');
    },
    function() {
      $(this).removeClass('over');
    }
}
```
Dans votre balisage, ajouter le .jshover de classe à n'importe quel élément que vous souhaitez hover css effets sur. Dans votre css, ajouter des règles comme ceci:
```
ul li:hover, ul li.over { rules here }
```
- C'est ce que je me suis retrouvé avec trop. Je voulais juste savoir si il y avait une meilleure façon de le faire
- Vous ne devriez pas utiliser $.le navigateur c'est obsolète.
- Exactement... alors que dois-je de l'utilisateur pour cela?
- Comme je l'ai dit, c'est un cas où le pragmatisme doit être équilibré par rapport aux meilleures pratiques. Vous disposez d'une version particulière d'un navigateur qui ne prend pas en charge un particulier fonctionnalité CSS. Vérifiez pour ie6, appliquer votre solution et de progresser. '\v'=='v' fonctionne très bien btw.
- -1 C'est obsolète comportement et n'est plus pris en charge dans jQuery 1.3.
- Encore une fois... c'est exactement la question d'origine... depuis .navigateur est obsolète, comment devriez-vous cela?
- Je suis d'accord avec @jaimedp; la dépréciation $.navigateur sans fournir une solution de rechange adéquate se sent comme un pas en arrière. Si vous ne pouvez pas détecter une fonctionnalité css ou d'un bug avec la fonction de détection, vous pour pour la détection du navigateur quelconque.
- La bonté, le droit de vote est rude. Fine, ne pas utiliser de $.navigateur, juste un bon vieux commentaires conditionnels: 
- Désolé, pas pu résister: "C'était une blague, haha, fat chance"
- scunliffe la réponse est mieux comme ça fonctionne pour tous les utilisateurs de IE6 plutôt que de simplement IE6 avec Javascript activé.
- Il a été supprimé, ou tout simplement obsolète? Aussi, au lieu de la substr(), pourrait parseInt($.le navigateur.version, 10) soit plus propre? Ils reviennent tous les deux le même nombre, correct?
- Je ne peux m'empêcher de me demander: if ($.browser.msie && $.browser.version.substr(0,1)<7) si ce code est utilisé (ce qui je ne pense pas que est un bon moyen de le faire). Ce qui se passe quand la version 10 hits de la tablette. Le substr sera de retour le 1 qui est moins de 7 évidemment. Au lieu de cela, vous devez utiliser le parseInt comme alex l'a suggéré.
- Il serait définitivement un problème Tommy, d'où mon "(n'est pas validée pour la performance ou de bugs)" avertissement. Pour cet exemple particulier que les commentaires conditionnels pourrait être une solution acceptable.
- eval("$.le navigateur.version < 7") laissez javascript vous soucier de la chaîne d'analyse.
- Pour les futurs utilisateurs, jquery 1.9 a retiré $.navigateur et cette réponse ne fonctionnera pas pour cette situation.
InformationsquelleAutor FriendOfFuture
21

Vous pouvez utiliser Microsoft Internet Explorer spécifiques Commentaire Conditionnel à appliquer le code spécifique à juste IE6.
```

```
- C'est probablement la meilleure option, je me demandais si quelqu'un avait une autre façon de le faire... depuis le jquery doc a dit "jQuery est livré avec un certain nombre de propriétés incluses, vous devriez vous sentir libre pour ajouter vos propres.". Merci de toute façon
- Cela ne fonctionnera pas si vous avez des scripts de chargement dynamique, ou l'exécution de code sur créé dynamiquement des éléments (les auxiliaires modaux, par exemple).
- dépend... vous pouvez vérifier pour IE6 avec le commentaire conditionnel et si vous remplissez cette condition, configurer jQuery gestionnaires que nécessaire pour que tous les éléments du DOM et de l'avenir des éléments à l'aide d'un .live() gestionnaire (en jQuery jusqu'à v1.8) ou le préféré .on() de jQuery 1.7+ api.jquery.com/on
InformationsquelleAutor scunliffe
20

Thickbox utilise
```
if(typeof document.body.style.maxHeight === "undefined") {
    alert('ie6');
} else {
    alert('other');
}
```
- jusqu'à présent, la meilleure option +1, Relative: stackoverflow.com/questions/8931729/...
InformationsquelleAutor Andrew
2

C'est un exemple de cas où nous devrions prendre du recul et de se demander pourquoi vous faites cela.

Généralement, c'est de créer un menu. Si oui, je vous suggère fortement de vous épargner les maux de tête et d'utiliser un plug-in comme superfish ou l'une des nombreuses alternatives.

Si non je vous suggérons d'utiliser le jQuery hover() écouteur d'événement. Par exemple:
```
$("td").hover(function() {
  $(this).addClass("hover");
}, function() {
  $(this).removeClass("hover");
});
```
faire ce que vous souhaitez.
- Je suis en train de faire une liste déroulante personnalisée avec potentiellement un grand nombre d'éléments, donc je veux utiliser le jquery.passez de l'événement dans le cas où <IE6 et utiliser les css:hover pour les navigateurs qui le supportent (depuis son plus rapide). Mais vous avez probablement raison en disant que je ne devrais pas en arrière et re-penser la façon dont je le fais.
- Est la vitesse de :hover un problème? Pour le dire d'une autre façon: vaut-il le coût de complexité de soutenir une solution mixte?
- Bonne question, probablement pas, il se sent juste un peu lent à l'aide de l'passez événement
- Vos besoins peuvent varier, mais ma position générale sur IE6 c'est: il a juste besoin d'être fonctionnelle. Il n'a pas besoin d'être parfait. Il ne devrait pas avoir toute flagrante des défauts, mais il a juste besoin de travailler.
- Mon problème est que 90% de mes utilisateurs utilisent IE6 en mode SaaS (enterprise Application au Mexique), donc si je ne travaille pas pour faire de leur expérience de travail en douceur, je vais me tirer une balle dans le pied.
InformationsquelleAutor cletus
1

Je voudrais utiliser tous les:hover - http://www.xs4all.nl/~peterned/csshover.html

Il utilise comportement et fonctionne bien pour moi.
- J'ai aimé cette solution, très simple.
InformationsquelleAutor

Juste pour le fun (pas à l'aide de jQuery.de soutien):

$(document).ready(function(){
    if(/msie|MSIE 6/.test(navigator.userAgent)){
        alert('OMG im using IE6');
    }
});

Vous pouvez aussi le faire via php

<?
if(preg_match('/\bmsie 6/i', $ua) && !preg_match('/\bopera/i', $ua)){
    echo 'OMG im using IE6';
}
?>

InformationsquelleAutor Andres SK

0

jQuery.le soutien n'a pas de propriétés à détecter :hover soutien
http://docs.jquery.com/Utilities/jQuery.support

Mais probablement que vous pouvez simplement utiliser le hover() de l'événement
http://docs.jquery.com/Events/hover
- Oui, c'est exactement mon problème :), je veux yo de l'utilisateur hover() de l'événement, mais seulement lorsque les <IE6 si pas utiliser de css:hover, car il est beaucoup plus rapide et fiable
InformationsquelleAutor alex2k8
-2
```
if ($.browser.msie && parseInt($.browser.version, 10) == 6) {
  alert("I'm not dead yet!"); 
}
```
- Vous avez manqué le point de la question - $.browser n'existe plus en jQuery.
InformationsquelleAutor Mithun Sreedharan

Vous devez vous connecter pour publier un commentaire.