3
I 애니메이션 효과를 jQuery를 UI와 jQuery를 사용하고 있습니다.jQuery는 IE 이외의 모든 작업을하고 있습니까? (UI)
jsfiddle에서 볼 수 있습니다. IE를 포함한 모든 다른 브라우저 막대에서 작동합니다. 이제 Javascript에 조금 익숙해졌습니다. 따라서이 바이올린에 몇 가지 결함이 있다는 것을 알고 있지만,
왜 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 코드입니다.
멋지게 액자 질문입니다. – defau1t
Windows의 IE9와 Linux의 Chrome이 전혀 다르지 않습니다. –
@Paul Tomblin 당신 말이 맞아요. 난 그냥 browserstack에 그것을 테스트하고 괜찮아요,하지만 호환성 모드를 포함 IE10을 사용하면 제대로 표시되지 않습니다. 당신이 당신의 JS 코드에서 어떤을 console.log()를 문 경우 – user1470037