Detectando IE6 usando jQuery.support

Question

¿Alguien tiene alguna idea sobre cómo probar algo específico para IE6 (y no IE7) usando jquery.support?

Mi problema es que IE6 admite: hover psuedo-class solo para elementos de ancla e IE7 lo admite para todos los elementos (como FF, Chrome, etc.). Así que quiero hacer algo especial en caso de que el navegador no sea compatible: pase el mouse por todos los elementos ... por lo tanto, necesito una forma de probar esta función. (no quiero usar jQuery.browser). ¿Algunas ideas?

Answer 1

Si bien es una buena práctica para comprobar la compatibilidad de características en lugar de agente de usuario, no hay manera sencilla para comprobar si hay algo así como el apoyo de una propiedad CSS usando JavaScript. Te recomiendo que sigas la sugerencia de los carteles anteriores de usar comentarios condicionales o que uses jQuery.browser. Una aplicación sencilla (no validado por el rendimiento o errores) podría tener este aspecto:

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'); 
    } 
} 

En su margen de beneficio, añada la clase .jshover a cualquier elemento que desea flotar efectos sobre css. En el CSS, añadir reglas de la siguiente manera:

ul li:hover, ul li.over { rules here } 

Answer 2

jQuery.support no tiene propiedades de detectar: ​​el apoyo de la libración http://docs.jquery.com/Utilities/jQuery.support

Pero probablemente usted puede simplemente utilizar el vuelo estacionario (evento) http://docs.jquery.com/Events/hover

Answer 3

Se puede utilizar un Microsoft Internet Explorer específica Conditional Comment aplicar específica codificar solo IE6.

<!--[if IE 6]> 
    Special instructions for IE 6 here... e.g. 
    <script>...hook hover event logic here...</script> 
<![endif]--> 

Answer 4

Este es un ejemplo de dónde debemos dar un paso atrás y preguntar por qué lo estás haciendo.

Por lo general, es para crear un menú. Si es así, le sugiero que se ahorre algunos dolores de cabeza y use un complemento como superfish o una de las muchas alternativas.

Si no, le sugiero que utilice el detector de eventos jQuery hover(). Por ejemplo:

$("td").hover(function() { 
    $(this).addClass("hover"); 
}, function() { 
    $(this).removeClass("hover"); 
}); 

hará lo que quiera.

Answer 5

Thickbox utiliza

if(typeof document.body.style.maxHeight === "undefined") { 
    alert('ie6'); 
} else { 
    alert('other'); 
} 

Answer 6

Lo que me gustaría utilizar: libración - http://www.xs4all.nl/~peterned/csshover.html

Utiliza el comportamiento y funciona bien para mí.

Answer 7

if ($.browser.msie && parseInt($.browser.version, 10) == 6) { 
    alert("I'm not dead yet!"); 
} 

Answer 8

Sólo por diversión (no usar jQuery.support):

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

También puede hacerlo a través de php

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