Wie erkennt man IE7 mit javascript oder jquery und fügt eine Klasse zu div

Question

Gibt es eine Möglichkeit, den IE7 zu erkennen?

Ich habe keine Probleme mit meinen Codes im IE8, aber ich habe ein Problem mit dem IE7.

Also, was ich dachte, ist, dass ich eine Klasse mit Jquery hinzufügen können, wenn ein Browser IE7 ist es durch Javascript zu erkennen.

Ich möchte wechseln von

<div id="system">

zu

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

Vielen Dank im Voraus.

Answer 1

Wenn Sie dieses Problem wirklich mit Hilfe von Javascript lösen wollen, sollten Sie die Version wie folgt überprüfen:

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

Answer 2

Sie könnten einen bedingten IE-Kommentar verwenden, um die Klasse über Javascript hinzuzufügen, etwa so:

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

Answer 3

Sie können es einfach mit HTML machen:

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>

Dadurch wird die div mit der Klasse ie7 bei Ausführung im Internet Explorer 7. Alle anderen Browser und IE > 7 würden das Div ohne die Klasse erstellen.

Answer 4

Um ie7 zu erkennen, verwenden Sie einfach

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

Sie können damit machen, was Sie wollen:

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

Answer 5

Versuchen Sie dies:

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