2012-12-08 26 views
3

我正在使用jQuery和jQuery UI進行動畫效果。jQuery在除IE之外的所有工作中都有工作嗎? (UI)

您可以在jsfiddle中看到它在任何其他瀏覽器欄中都可以使用任何版本的IE,包括10.現在我對JavaScript有點新,所以我知道這個小提琴會有一些缺陷,但是,這就是:

http://jsfiddle.net/BqqMD/2/

爲什麼當IE瀏覽器,它會打開面板,但#closeBtn元素定位到左側,然後當你點擊它,它不關閉.panel類?

我完全莫名其妙,但我知道我的代碼是凌亂這裏,所以我希望一些擡起頭,這是如何可以解決的。

這裏的JS代碼:

var panel  = ".panel"; 
var menuBtn = "#menuBtn"; 
var closeBtn = "#closeBtn"; 
var panelTime = 1000; 
var btnTime = 300; 
var animDir = 'Right'; 

$(function 
    MenuOptions(){ 
     $(panel).hide(); 

      $(menuBtn).click(function(){ 
       $(menuBtn).hide('slide', {direction: animDir}, btnTime); 
       $(panel).show('slide', {direction: animDir}, panelTime);   
       $(closeBtn).show('slide', {direction: animDir}, btnTime); 
       }); 
     $(closeBtn).click(function(){ 
      $(this).hide('slide', {direction: animDir}, btnTime); 
      $(panel).hide('slide', {direction: animDir}, panelTime);  
      $(menuBtn).show('slide', {direction: animDir}, btnTime); 
    }); 

}); 

許多方面。

+0

很好的框架問題。 – defau1t

+1

我在Windows上的IE9和Linux上的Chrome上看不到任何區別。 –

+0

@ Paul Tomblin你是對的。我只是在瀏覽器上測試它,這很好,但是當使用包括兼容模式的IE10時,它將不能正確顯示。 – user1470037

回答

0

你的小提琴在IE9中對我來說就像是一種魅力。

您最好重置IE並重新運行。

相關問題