Wykrywanie IE6 przy użyciu jQuery.support

Question

Ktoś ma jakieś pomysły, jak testować czegoś specyficzne dla IE6 (a nie IE7) przy użyciu jquery.support?

Moim problemem jest to, że IE6 obsługuje: hover psuedo klasy tylko dla elementów kotwiących i IE7 nie obsługuje go dla wszystkich elementów (tak jak FF, Chrome, etc). Dlatego chcę zrobić coś specjalnego na wypadek, gdyby przeglądarka nie obsługiwała: najechania na wszystkie elementy ... w ten sposób potrzebuję sposobu na przetestowanie tej funkcji. (nie chcę używać jQuery.browser). Jakieś pomysły?

Answer 1

Choć jest to dobra praktyka, aby sprawdzić wsparcie funkcji, a następnie agenta użytkownika, nie ma prosty sposób na sprawdzenie czegoś podobnego wsparcia dla właściwości CSS przy użyciu JavaScript. Polecam albo postępować zgodnie z powyższymi postami sugerującymi użycie warunkowych komentarzy lub użyć jQuery.browser. Proste wdrożenie (nie sprawdzane pod kątem wydajności lub błędów) mógłby wyglądać następująco:

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

W znaczników, dodaj klasę .jshover do każdego elementu, który chcesz najechaniu na efekty css. W swojej css, dodać reguły tak:

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

Answer 2

jQuery.support nie ma właściwości do wykrycia: wsparcie najechania http://docs.jquery.com/Utilities/jQuery.support

Ale chyba można po prostu użyć zawisu() Wydarzenie http://docs.jquery.com/Events/hover

Answer 3

Można użyć programu Microsoft Internet Explorer specyficzny Conditional Comment zastosować specyficzny kod do tylko IE6.

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

Answer 4

To jest jeden z przykładów tego, gdzie powinniśmy zrobić krok do tyłu i zapytać, dlaczego to robisz.

Zazwyczaj jest to, aby utworzyć menu. Jeśli tak, to bardzo proponuję, abyś uratował sobie niektóre bóle głowy i użył wtyczki, takiej jak superfish lub jednej z wielu alternatyw.

Jeśli nie proponuję użyć słuchacza jQuery hover() zdarzeń. Na przykład:

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

zrobi to, co chcesz.

Answer 5

Thickbox wykorzystuje

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

Answer 6

chciałbym użyć niezależnie: hover - http://www.xs4all.nl/~peterned/csshover.html

Wykorzystuje zachowanie i działa dobrze dla mnie.

Answer 7

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

Answer 8

dla zabawy (nie używając jQuery.support):

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

Można również zrobić to za pośrednictwem PHP

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