2013-09-24 1 views
2

하나과 같이, 제 '시간'변수를 포함하여 애니메이션 지원이 추가 JQuery와 addClass 방법의 도용이다 color, background-color 같은 수신 CSS 속성에 대한jQuery UI addClass 메소드가 가시성에 애니메이션을 적용하지 않습니까? jQuery를 UI의 유용한 기능

$('div').addClass('someclass', 1000); 

, width, height 등이 모두 정상적으로 작동합니다.

그러나 visibility:hidden ->visibility:visibledisplay:none ->display:block과 같은 전환은 내가 기대했던 것처럼 완만하게 퇴색하지 않습니다. 그들은 단순히 지속 시간이 끝날 때까지 기다렸다가 클래스가 최종적으로 추가 될 때 나타납니다.

이전에는 jQuery UI에서 이러한 CSS 유형으로 우아한 전이를 보았습니다. 이것이 가능한지 또는 다른 사람이 알 수 있습니까?

은 내가 animate 방법과 함께, fadeInfadeOut 방법을 알고 있어요,하지만 난 대신 스타일의 애니메이션 논리를 내 스크립트를 오버로드 할 필요없이, 내 스타일 to more 우선 순위를 제공 찾고 있어요.

나는 CSS3 전환이이를 잘 수행한다는 것을 알고 있지만 더 나은 지원 방법을 찾고 있습니다.

+0

slideUp() 또는 fadeIn()을 사용하지 않는 이유는 무엇입니까? –

+0

누군가 추천 할만한 것으로 생각됩니다. 귀하의 의견을 추가 할 때 제 질문에 다른 단락을 추가하고있었습니다. 마지막으로 두 번째로 ... – shennan

답변

1

displayvisibility은 전환 가능 상태가 아닙니다. 켜기 (요소를 볼 수 있음) 또는 꺼짐 (요소를 볼 수 없음) 중 하나입니다.

페이드 인하려면 불투명도를 사용해야합니다.

+0

나는 엔진에 의해 on/off 중 하나가 렌더링된다는 것을 알고 있습니다. 그렇다고해서 jQuery UI가 CSS 변경 감지시 페이드를 사용할 가능성을 고려해서는 안된다는 의미는 아닙니다. 이 클래스는 이미 들어오는 클래스의 속성을 스니핑 한 다음 전환 과정에서 인라인 스타일을 적용하는 작업을 이미 처리합니다. '디스플레이'또는 '가시성'변경 감지시이 기능을 활용할 수있는 이유가 없습니다. 지금까지 jQuery UI의 'addClass' 메소드를 사용하여 현재이 작업을 수행 할 수 없다는 답변을 수락 할 것입니다. – shennan

관련 문제