Come rilevare IE7 con javascript o jquery e aggiungere una classe al div

Question

C'è un modo per rilevare IE7?

Non ho alcun problema con i miei codici in IE8, ma ho un problema con IE7.

Quindi quello che ho pensato è che posso aggiungere una classe con jquery quando un browser è IE7 rilevandolo da javascript.

voglio cambiare da

<div id="system"> 

a

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

Grazie in anticipo.

Answer 1

Si potrebbe utilizzare un commento condizionale IE per aggiungere la classe tramite javascript, qualcosa di simile:

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

Answer 2

si può fare solo con 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> 

Questo creacon la classe ie7 se eseguito in Internet Explorer 7. Tutti gli altri browser e IE> 7 creerebbero appena quel div senza la classe.

Answer 3

Ecco alcuni modi diversi:

• 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

Prova questo:

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

Answer 5

se si vuole veramente solv e questo utilizzando javascript si potrebbe desiderare di controllare la versione in questo modo:

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

Answer 6

Per rilevare IE7 basta usare

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

Per fare quello che vuoi con esso solo:

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

Answer 7

Si noti che IE8 compat view avrà anche <!--[if IE 7 ]> come vero

Quindi si dovrebbe fare una seconda leve l test sulla modalità documento, se non si desidera che le modifiche si riflettano nella vista Compatibilità IE8.

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