2012-05-20 68 views
4

我的网站我正在为一个客户是在这里:http://vicewebdesign.com/resonantlight_com/jQuery不在IE AHHH中工作?

它完美地在Chrome和Firefox,但在插件(jQuery的)工作,即非,有3个差异的jQuery插件,主页HRE已一个NIVO滑块在IE中不工作:http://vicewebdesign.com/resonantlight_com/

的tabify插件福隆这PAG心不是在IE工作:HTTP://vicewebdesign.com/resonantlight_com/perl

,并在同一页上的心不是在quovolver插头加工。

我已经搜索了这个很多,我发现所有的ansers都是特定于插件,我的箴言是我的jquery没有任何工作。我尝试了diff库代码脚本,如不同的版本和所有最新的。但没有任何工作!

+1

我不能肯定地说,它与你的问题的事,但你有jQuery的两倍。有一个链接到谷歌API的jQuery 1.7副本,然后在您的网站托管的早期版本的jQuery的副本。 – HackedByChinese

+1

@HackedByChinese是对的,你包含jQuery两次。首先1.7.2 +一些插件(tabify,nivo,...)以及之后的1.4.4版本。这至少会杀死IE中包含插件的第一个jQuery版本。 jQuery本身应该可以使用IE 6+(不太确定是否也有5.5+) – Tharabas

回答

3

问题是,IE9现在遵循标准,这给试图绕过IE9以前的问题的插件带来了问题。

一个可能的解决方案是用这个元标记强制IE9在IE8标准模式:

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

的另一种选择是修改代码:

大多数UI插件驻留在$.browser.msie检查,如果我们在IE中,但他们不检查版本。在我的情况下,溶液(jquery.ui.checkbox.js)与这个变量替换所有$.browser.msie电话:

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

该解决方案是不是添加meta标签,因为它将使所有IE9的功能更好。

+0

我在IE中也面临同样的问题,@whorsdaddy提供的解决方案为我工作完美,它也适用于你。好运。 –

+0

当我在IE浏览器中没有任何工作...嗯,nivo滑块不滑动,quvolver显示所有引号而不旋转,tabify插件,当你点击一个选项卡时,只是去页面上的该点,而不是将它们从视图中隐藏而不是点击。 –

+0

我把这个元科德和它的工作现在感谢!!!!!!它非常奇怪,因为nivo正在IE中的另一个网站上工作,但不是在这个网站上,以及所有其他jquery现在的工作! –

0

试试这个这将工作

<meta http-equiv="X-UA-Compatible" content="IE=8"></meta> 
0
<!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>