jQuery 애니메이션은 IE-2에서만 작동합니다.

Question

저는 매우 간단한 애니메이션을 가지고 있는데, 화면 옆에 탭이 있었고 클릭하면 크기가 커집니다.

, 어떻게 내가 크롬, 파이어 폭스와 호환 문제를 만들 수 있습니다 있었 그것 때문에 내부 콘텐츠 #a-tab > *을 수있다

$(document).ready(function() { 
    $("#a-tab,#a-tab > *") 
     .on('focusin', function() { 
     $("#a-tab").animate({ 
      width: '320px'}, "fast"); 
     $(".deluxe").animate({ 
      width: '30px'}, "slow"); 
    }) 
     .on('focusout', function() { 
     $("#a-tab").animate({ 
      width: '10px'}, "fast"); 
     $(".deluxe").animate({ 
      width: '5px'}, "fast"); 
    }); 
}); 

: 그러나 키우면는 IE 작업, 여기에 코드입니다 등

http://jsfiddle.net/dadVt/

나는 그냥 알려 주시기 방법을 알고 있다면, 다른 방법으로 빠른 도움을받을 방법을 알고하지 않기 때문에 본은 재 게시합니다. http://claudiacabrera.cl/flores.html

Answer 1

문제는 DIV 요소가 하나되는, 모든 요소가 포커스 있다는 것입니다 -

페이지 (전체 코드를 추가).

임시 해결책은 요소에 tabindex 속성을 추가하는 것입니다. 이렇게하면 요소가 포커스 (클릭)를 받거나 요소로 이동하여 탭을 이동할 수 있습니다.

이제 focusin 및 focusout 이벤트 처리기가 트리거됩니다. 불행히도 몸체를 클릭하거나 다른 요소에 focus()을 호출하여 포커스 아웃 이벤트를 트리거해야 탭이 닫힙니다.

여기

http://jsfiddle.net/dadVt/1/