2013-09-04 1 views
0
<div id="content"> 
<div id="ev1" class="evnt_imgs"><img src="images/e1.jpg" /> </div> 
<div id="ev11" class="evnt_desc">this text is purely related to event</div></div> 

$('#ev11').animate({height:'auto',width:'100%',borderRadius:'20px',display:'block'},600); 
    ev11.style.margin="auto"; 
    ev11.style.background="#333"; 
    ev11.style.display="block"; 
} 

는 및 페이드 아웃 애니메이션과 jQuery를 특별한 방법이 표시되는 URL http://bhaswara2k13.com/events.phpjQuery의 애니메이션 메서드가 CSS "display"속성 또는 다른 CSS 속성을 지원하지 않는 이유는 무엇입니까? 질문을보다 명확하게 들어

+4

사용 불투명도. 이유는? 디스플레이가 부동 값이 아니기 때문일 수 있습니다. 블록, 없음, 인라인 등입니다. 애니메이션을 적용하려면 어떻게해야합니까? –

+0

감사합니다. Kai Qing! 이 어리석은 Qn을 유감스럽게 생각합니다. 나는 특정 컨텍스트에서 jQuery의 사용법을 실제로 이해하기 전에 웹 사이트를 개발하기 시작했습니다. 그리고 고마워. – Arunsai195

답변

1

을 확인 기록했다. 아마도 display 속성 자체가 숫자가 아닌 특정 값 집합만을 가질 수 있기 때문일 것입니다. 여기

는해야 할 것입니다 :

$('#myItem').show(2000); 

그리고 그것을 숨길 수 : .animate에 밖으로 페이딩

$('#myItem').hide(2000); 
+1

그리고 jQuery UI가 없어도 작동합니까? 여기에서 나는'fadeOut()'과'fadeIn()'이라고 생각하고 있었습니까? – adeneo

+0

"페이드"부분은 jQuery UI에 따라 다르지만 나머지는 작동해야합니다. 그래서 나는 내 직책을 수정했다. jQuery 문서보기 : http://api.jquery.com/show/ –

관련 문제