2012-12-08 2 views
3

I 애니메이션 효과를 jQuery를 UI와 jQuery를 사용하고 있습니다.jQuery는 IE 이외의 모든 작업을하고 있습니까? (UI)

jsfiddle에서 볼 수 있습니다. IE를 포함한 모든 다른 브라우저 막대에서 작동합니다. 이제 Javascript에 조금 익숙해졌습니다. 따라서이 바이올린에 몇 가지 결함이 있다는 것을 알고 있지만,

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

왜 IE에서,이 패널을 열 때 그이지만, 왼쪽으로 #closeBtn 요소를 배치하고, 당신이 그것을 클릭하면 다음, 그것은 .panel 닫히지 않습니다 : 여기 있습니다 수업?

나는 완전히 당황하고있어,하지만 난 내 코드는 여기에 지저분한 알고, 그래서가이 해결 될 수있는 방법에 대한 몇 가지 머리를 기대했다.

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); 
    }); 

}); 

많은 관련 :

다음은 JS 코드입니다.

+0

멋지게 액자 질문입니다. – defau1t

+1

Windows의 IE9와 Linux의 Chrome이 전혀 다르지 않습니다. –

+0

@Paul Tomblin 당신 말이 맞아요. 난 그냥 browserstack에 그것을 테스트하고 괜찮아요,하지만 호환성 모드를 포함 IE10을 사용하면 제대로 표시되지 않습니다. 당신이 당신의 JS 코드에서 어떤을 console.log()를 문 경우 – user1470037

답변

0

당신의 바이올린은 IE9에서 나를 위해 마법처럼 작동합니다.

당신은 더 나은 IE를 재설정하고 다시 실행합니다.

관련 문제