Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Execute certain javascript if browser lt ie9

I want to execute a certain code in jQuery if the browser is lower than IE9. And yes, i already know about

<!--[if ... IE ]> <![endif]-->

But what i want is to check this condition within the scipt tag and with jQuery document.ready

<script>
    $(document).ready(function(){
        //code to check if lt ie9 
    });
</script>
like image 947
melvindidit Avatar asked Aug 09 '13 11:08

melvindidit


2 Answers

You can target older Internet Explorer versions (<= 9) through classes on the <html> element...

<!--[if lt IE 7]>  <html class="ie ie6 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 7]>     <html class="ie ie7 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 8]>     <html class="ie ie8 lte9 lte8"> <![endif]-->
<!--[if IE 9]>     <html class="ie ie9 lte9"> <![endif]-->
<!--[if gt IE 9]>  <html> <![endif]-->
<!--[if !IE]><!--> <html>             <!--<![endif]-->

... and then check if <html> has the class .lt9 or .lt8 — whatever version of Internet Explorer you are targeting:

if($('html').hasClass('lte9')) { /* LTE IE9 */ }

However, I would suggest using Modernizr feature detection instead of checking for a specific browser.

like image 50
Daniel Avatar answered Nov 18 '22 05:11

Daniel


Use feature detection instead of browser detection. i.e. http://modernizr.com/

like image 35
Aegis Avatar answered Nov 18 '22 04:11

Aegis