Rilevamento di IE6 tramite jQuery.support

Question

Qualcuno ha qualche idea su come testare qualcosa di specifico per IE6 (e non IE7) usando jquery.support?

Il mio problema è che IE6 supporta: hover psuedo-class solo per elementi di ancoraggio e IE7 lo supporta per tutti gli elementi (come FF, Chrome, ecc.). Quindi voglio fare qualcosa di speciale nel caso in cui il browser non supporti: passa il mouse su tutti gli elementi ... quindi ho bisogno di un modo per testare questa funzionalità. (non voglio usare jQuery.browser). Qualche idea?

Answer 1

Mentre è buona norma controllare il supporto delle funzionalità piuttosto che l'agente utente, non esiste un modo semplice per verificare qualcosa come il supporto di una proprietà css che utilizza JavaScript. Vi consiglio di seguire il suggerimento dei post sopra riportati sull'uso dei commenti condizionali o di usare jQuery.browser. Una semplice implementazione (non convalidato per le prestazioni o insetti) potrebbe essere la seguente:

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

nel markup, aggiungere la classe .jshover a qualsiasi elemento che si desidera librarsi effetti CSS via. Nel CSS, aggiungere regole in questo modo:

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

Answer 2

jQuery.support non ha proprietà di rilevare: il supporto hover http://docs.jquery.com/Utilities/jQuery.support

Ma probabilmente si può semplicemente utilizzare il hover() evento http://docs.jquery.com/Events/hover

Answer 3

È possibile utilizzare un Microsoft Internet Explorer specifica Conditional Comment di applicare specifiche codice a solo IE6.

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

Answer 4

Questo è un esempio di dove dovremmo fare un passo indietro e chiedere perché lo stai facendo.

In genere è per creare un menu. Se è così, consiglio vivamente di risparmiare alcuni mal di testa e utilizzare un plug-in come superfish o una delle tante alternative.

In caso contrario, suggerisco di utilizzare il listener di eventi jQuery hover(). Ad esempio:

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

farà quello che vuoi.

Answer 5

Thickbox utilizza

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

Answer 6

userei Qualunque sia: hover - http://www.xs4all.nl/~peterned/csshover.html

Si utilizza il comportamento e funziona bene per me.

Answer 7

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

Answer 8

Solo per divertimento (non usare jQuery.support):

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

È anche possibile farlo via php

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