jQuery .inite 너비가 IE7/IE8에서 작동하지 않습니다.

Question

나는 팝 아웃 계산기가있는 사이트를 개발 중입니다. 'Quote Calculator'버튼을 클릭하면 div가 움직이며 첫 번째 높이와 너비가 표시되고 페이지의 다른 모든 요소 위에 놓입니다. IE9, Chrome, FireFox & Safari에서 작동하지만 불행히도 IE7/IE8에서 작동하지 않습니다.

'Quote Calculator'를 클릭하면 높이에 애니메이션이 적용되고 그 다음 멈 춥니 다. 페이지 위에 두꺼운 파란색 선을 남기고 너비를 움직이지 않습니다.

나는 여기와 비슷한 문제와 구글을 아무런 소용이 없다. 무엇이 문제인가?

$("#calcbutton").click(function() { 
    $("#pnecontainer").show(); 
    $("#pnecontainer").animate({height: "550px", position: "absolute", top: "75px"}); 
    $("#pnecontainer").animate({width: "925px", left: "-635px"}); 
}); 

는 IE7/IE8에서 작동 또는 내가 상자를 다시 표시/사라지는처럼 덜 aestetically 즐거운 뭔가를 해결해야합니다 만들 수있는 방법이 있나요 : 여기

내 코드?

UPDATE : I는 동일한 기능의 일부로/한 줄에 모든 애니메이션을 구현

.

$("#minimizebutton").click(function() { 
    $("#pnecontainer").animate({width: "-925px"}); 
    $("#pnecontainer").animate({height: "-550px", top: "-635px"}); 
    $("#pnecontainer").hide(100); 
}); 

:

흥미롭게도, 어떤 이유로, 그것은 나를 첫 번째 클릭에 동일한 기능에서이 애니메이션을 구현하는 것을 허용하지 않습니다 동안, 그것과 같이 최소화 기능에 그렇게 나를 수 있습니까 이상한 생각 ... 누구?

Answer 1

당신은 다른 애니메이션이 완료 될 때까지 폭 애니메이션을 기다리고, 콜백 함수를 사용하여, 아니면 그냥 같은 .animate()

모든 애니메이션을 넣고 싶은 (코멘트 만, 대답은 받아 들여졌다하시기 바랍니다) IE7/8은 JS에서 혼자만의 애니메이션이 아니기 때문에 동일한 항목을 동시에 실행하는 2 개의 애니메이션이 문제의 원인 일 수 있습니다.

$("#pnecontainer").animate({height: "550px", position: "absolute", top: "75px"} 
    , function() { 
     $("#pnecontainer").animate({width: "925px", left: "-635px"}); 
}); 

또는 JQuery와 .animate()에서 속성 'position'을 인식하지 않는 한 라인

$("#pnecontainer").animate({height: "550px", position: "absolute", top: "75px", 
          width: "925px", left: "-635px"}); 

Answer 2

IE7에서 모든 애니메이션.

CSS

#pnecontainer { position: absolute; } 

JS

$("#calcbutton").click(function() { 
    $("#pnecontainer").show(); 
    $("#pnecontainer").animate({height: "550px", top: "75px"}); 
    $("#pnecontainer").animate({width: "925px", left: "-635px"}); 
}); 

Answer 3

IE7 브라우저가 내부적으로 재산 '위치'를 인식하지 못하는 당신은이 애니메이션을 실행할 수 없습니다 :

이 시도 같은 시간에