Identify IE9/IE10 using jQuery
browser-detection, html, internet-explorer, jquery
Solution
Can be achieved without using libraries or conditional compilation:
if (document.addEventListener) {
alert("IE9 or greater");
}
if (window.requestAnimationFrame) {
alert("IE10 or greater");
}
Problem
I have a jQuery code which is working fine for Chrome/Mozilla but not IE. ``` if ($("html").hasClass("ie")) { $(function(){ $('.green-column, .red-column, .grey-column').click(function() { alert ($(this).attr("data-type")); }); }); } else { $(function(){ $('.green-column, .red-column, .grey-column').click(function() { $("<div title='Selected Task is:'>" + $(this).attr("data-type") + "</div>").dialog({ modal: true, resizable: false, buttons: [ { text: "OK", click: function() { $( this ).dialog( "close" ); } } ] }); }); }); } </script> <!--[if IE 7]> <html lang="en-us" class="ie"> <![endif]--> <!--[if IE 8]> <html lang="en-us" class="ie"> <![endif]--> <!--[if gt IE 8]><!--> <html lang="en-us" class="ie"> <!--<![endif]--> ``` So I plan to use an alert for IE9/IE10 but I am not able to differentiate between the browsers. Can anyone tell me how to identify IE9/IE10 in jQuery/HTML?