All geek questions in one place

JQuery not working in IE AHHH?

My website that I create for a client is here: http://vicewebdesign.com/resonantlight_com/

It works fine in chrome and firefox, but the plugin (jquery) does not work in IE. There are 3 diff jquery plug ins, on the hre homepage there is a nivo slider that does not work in IE: http://vicewebdesign.com/resonantlight_com/

The tabify foron plugin of this pag does not work in IE: http://vicewebdesign.com/resonantlight_com/perl

and also on the same page as the Quovolver plug does not work.

I searched this alot and all the ansers that I find are plugin specific and my prblem NONE from my jquery works. I tried the library script code as different versions and all and the latest. But nothing works!

+4
source share
3 answers

The problem is that IE9 now adheres to standards, and this creates problems with plugins trying to work around problems before IE9.

One possible solution is to force IE9 to turn on in IE8 standards mode using this meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=8"></meta>

Another option is to fix the code:

most user interface plugins are on $.browser.msie to check if we are in IE, but they do not check the version. In my case, the solution (jquery.ui.checkbox.js) was to replace all calls to $.browser.msie this variable:

 var isIEAndVersionIsLowerThan9 = $.browser.msie && (parseInt($.browser.version, 10) < 9);

This solution is better than adding a meta tag because it will allow you to use all the features of IE9.

+3
source

Try it, it will work

 <meta http-equiv="X-UA-Compatible" content="IE=8"></meta>
0
source 
 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery from Microsoft AJAX CDN</title> </head> <body> <button id="btn">Show Message</button> <div id="message" style="display:none"> <h1>Hello from jQuery!</h1> </div> <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script> <script> // Fallback to loading jQuery from a local path if the CDN is unavailable (window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>')); </script> <script> function domReady() { $('#btn').click( showMessage ); } function showMessage() { $('#message').fadeIn('slow'); } $( domReady ); </script> </body> </html>
0
source

Source: https://habr.com/ru/post/1413411/

More articles:


All Articles