Jquery fadeout 텍스트는 텍스트 상자와 텍스트 영역을 포함하지 않습니다.

Question

안녕하세요. 이건 정말 쉬운 문제 여야합니다.하지만 막혀 있습니다. 텍스트 상자와 텍스트 영역 내부의 텍스트를 페이드 아웃하고 실제 요소를 그대로 둘 수 있습니까? .html() .val() 등을 사용하여 페이드 아웃을 시도했지만 텍스트가있는 요소는 항상 흐리게 표시됩니다.

Answer 1

나는 이것을 달성하는 유일한 방법은 입력 요소의 색을 조작하는 것이라고 생각합니다. 색상 조작을 전문으로하는 JQuery color plugin을 확인하십시오.

그것은 단순히 범위의 텍스트를 둘러싸고

$(formelement).animate({ color: "#FFFFFF" }, 600); 

Answer 2

의 라인을 따라 작동과 범위를 퇴색한다. JQuery가 요소를 희미 해 지는데, 이것이 가장 쉬운 방법입니다. 나는 단지 텍스트가 사라지고 전체 DOM 요소가 사라지지 않는 방법이 있는지 확신하지 못한다.

편집 : 텍스트 영역을 읽지 못했습니다. 이렇게하려면 실제 입력 요소를 숨기고 새 요소의 스타일을 텍스트 요소처럼 보이게 한 다음 텍스트 내부를 페이드 처리하는 것이 좋습니다. 이것은 일반적으로 입력 요소의 모양을 다시 그리기 위해 수행됩니다.