2013-03-09 111 views
0

我有一个条形图,可以在Chrome浏览器中完美工作,但不会在Internet Explorer中显示。任何人都帮助我?谢谢。 http://jsfiddle.net/FkUYf/6/JQuery动画效果不能在IE中工作

$(document).ready(function(){ 
     $(document).scroll(function() { 
      var top = $(document).scrollTop(); 
      console.log(top); 
      if (top > 300) { 
       $("#html, #css").animate({width:"100%"}, 2000); 
       $("#javascript").animate({width:"40%"}, 2000); 
       $("#php").animate({width:"50%"}, 2000); 
       $("#mysql").animate({width:"30%"}, 2000); 
       $("#wordpress").animate({width:"60%"}, 2000); 
      } 
     }); 
    }); 
+1

5'if'报表?为什么? – undefined 2013-03-09 19:00:45

+5

IE没有console.log,因此在运行其他程序之前可能会崩溃。除此之外,也许IE窗口更大到顶端永远不会变得足够大。也如undefined所说,如果5次相同就是愚蠢的。 – Dave 2013-03-09 19:02:11

+0

@Dave Um?自IE8以来IE已经有了一个控制台。无论如何,在IE10中为我工作的很好。 – 2013-03-09 19:03:18

回答

2

试试这个:在相同条件

$(document).ready(function(){ 
     $(document).scroll(function() { 
      var top = $(document).scrollTop(); 
      console.log(top); 
      if (top > 300) { 
          $("#html, #css").animate({width:"100%"}, 2000) 
          $("#javascript").animate({width:"40%"}, 2000); 
          $("#php").animate({width:"50%"}, 2000); 
          $("#mysql").animate({width:"30%"}, 2000); 
          $("#wordpress").animate({width:"60%"}, 2000); 
      } 
     }); 
    });