Jak wykryć IE7 za pomocą javascript lub jquery i dodać klasę do div

Question

Czy istnieje sposób na wykrycie IE7?

Nie mam żadnych problemów z moimi kodami w IE8, ale mam problem z IE7.

Więc pomyślałem, że mogę dodać klasę z jquery, gdy przeglądarka IE7 wykrywa ją przez javascript.

Chcę zmienić

<div id="system"> 

do

<div id="system" class="ie7"> 

Dzięki z góry.

Answer 1

Można użyć komentarza warunkowego IE, aby dodać klasę poprzez javascript, coś takiego:

<!--[if IE 7]> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#system').addClass('ie7'); 
}); 
</script> 
<![endif]--> 

Answer 2

Można to zrobić tylko z HTML:

css

.ie7{ 
    padding: 0; 
    color: red; 
} 

html

<!--[if IE 7 ]> <div id="system" class="ie7"> <![endif]--> 
<!--[if (gt IE 7)|!(IE)]><!--> <div id="system"> <!--<![endif]--> 
</div> 

Powoduje utworzenie z klasą ie7, jeśli zostało wykonane w programie Internet Explorer 7. Wszystkie inne przeglądarki i IE> 7 utworzyłyby ten element div bez klasy.

Answer 3

Oto kilka różnych sposobów:

• http://gmatter.wordpress.com/2006/11/21/another-way-to-detect-ie7-in-javascript/
• http://api.jquery.com/jQuery.browser/#jQuery.browser.version2
• http://ajaxian.com/archives/detecting-ie7-in-javascript

Answer 4

Spróbuj tego:

<!--[if IE 7]> 
<script type="text/javascript"> 
    $('#system').addClass('ie7'); 
</script> 
<![endif]--> 

Answer 5

jeśli naprawdę chcesz Rozp e to za pomocą javascript, może chcesz sprawdzić wersję takiego:

if (navigator.appVersion.indexOf("MSIE 7.") != -1) 
    $('#system').addClass('ie7'); 

Answer 6

do wykrycia IE7 wystarczy użyć

if($.browser.msie && parseFloat($.browser.version) < 8){ 
    //do other stuff 
    return; 
} 

Aby zrobić to, co chcesz z nim po prostu:

if($.browser.msie && parseFloat($.browser.version) < 8){ 
    $('#system').addClass('ie7'); 
} 

Answer 7

Zauważ, że widok zgodny z IE8 będzie miał także <!--[if IE 7 ]> jako prawdziwy

Powinieneś więc zrobić drugi skok l przetestuj w trybie dokumentu, jeśli nie chcesz, aby zmiany odzwierciedlały się w widoku Compat IE8.

<!--[if IE 7]> 
    <script type="text/javascript"> 
    try 
    { 
    if(document.documentMode!=8){ 
    //Your code comes here 
    } 
    } 
    catch(exception){ 
    } 
    </script> 
<!--<![endif]-->