2009-08-29 4 views
28

jQuery UI Tabs에 대해 사용 가능한 모든 fx 옵션을 아는 사람이 있는지 궁금합니다. jQuery UI 탭 - 사용 가능한 fx 옵션

내가 지금까지 본 적이 유일한 사람

은 다음과 같습니다

  1. opacity: "toggle";
  2. height: "toggle";

는 크로스 페이드 좋을 텐데, 내가이 완료를 본 적이 생각하지 않는다하지만 jQuery UI 탭이 아직 없습니다.

또한 fx 속도를 지정하는 방법도 찾을 수 없지만 설명서에서 변경할 수 있어야합니다.

$('#tabs').tabs({ fx: [{opacity:'toggle', duration:'normal'}, // hide option 
         {opacity:'toggle', duration:'fast'}] }); // show option 

외환 속도가 될 수 있습니다

기본적으로 FX 옵션 animate를 호출하는 데 사용됩니다

답변

41

, 당신은 효과를 쇼를하고 숨기는 데 사용됩니다 배열에서 하나의 옵션 또는 두 가지를 지정할 수 있습니다 옵션 개체에 duration 멤버를 사용하여 지정되었습니다.

기본적으로 애니메이션으로 변환 할 수있는 것과 동일한 변환을 수행 할 수 있습니다.

ui.tabs.js 파일의 250 here 줄을보고 애니메이션이 어떻게 설정되는지 더 잘 이해할 수 있습니다.

+0

애니메이션을 새 html (현재 표시된 html 제외)에서 수행 할 수 있습니까? – gkdm

+0

이 크로스 페이드가 적절하지 않은 이유는 크로스 페이드가 탭 사이의 흰색이 존재하지 않아야하기 때문입니다. 항상 적어도 하나의 탭 콘텐츠가 존재합니다. 잠시 후 다시 시도해주십시오. (div 위치를 절대로 만들고 fadeIn div1과 fadeout div2를 만들 수 있습니다) – Yosef

11
opacity: "toggle"; 
height: "toggle"; 
width: "toggle";