IE8이 내 jQuery를 좋아하지 않습니다

Question

IE8이이 jQuery를 실행하지 못할 수있는 이유는 누구나 볼 수 있습니까?

 $("#slid").toggle(
      function() { 
       $("#Silver").animate({top: "25px"}, 200); 
      }, 
      function() { 
       $("#Silver").animate({top: "89px"}, 200); 
      } 
     ); 

첫 번째 기능을 실행하지만 두 번째 top: "89px" 및 아이디어는 무시합니까? 또는 동일한 토글 효과를 얻을 수있는 더 좋은 방법은 무엇입니까?

Answer 1

를 모르는 IE6와 잘 동작하는 것이 코드는 작동 :

나는 시도

CSS를

#Silver {top:89px;position:absolute;} 

당신은 여기에 코드를 살펴 가질 수

$("#slid").toggle(
    function() { 
     $("#Silver").animate({top: "25px"}, 200); 
    }, 
    function() { 
     $("#Silver").animate({top: "89px"}, 200); 
    } 
); 

HTML

<div id="slid">click</div> 
<div id="Silver">hi</div> 

자바 스크립트 : http://jsfiddle.net/kr6t3/4/

는 CSS에서 요소에 position:absolute를 추가하면 IE8과 FF3.6에서 작동을 .

Answer 2

IE와 토글에서 비슷한 문제가있었습니다. 내가 어떻게 그것을 해결했는지 기억할 수 없다. 하지만 IE를 사용하면 클래스 선택기가 id 선택기보다 더 나은 것으로 나타났습니다. ID 대신 클래스를 사용해보십시오.

$("#slid").toggle(
      function() { 
       $("#Silver").html("hello"); 
      }, 
      function() { 
       $("#Silver").html("hi"); 
      } 
     ); 

내가 IE8에서 테스트 한 약 8