0
내가하려는 것은 오류가 발견되면 유효성 검사 요약을 천천히 페이드 아웃하는 것입니다. jQuery의 눈에 거슬리는 유효성 검사와 함께 ASP.NET MVC 4를 사용하고 있습니다.css 클래스가 눈에 띄지 않는 유효성 검사에 의해 변경 될 때 jQuery 애니메이션을 트리거
유효성 검사가 올바르게 작동합니다. 문제가 발견 된 경우 div 요약의 CSS 클래스는 validation-summary-valid에서 validation-summary-errors으로 전환됩니다.
유효성 검사 로직을 유지하고 모양과 느낌을 분리하고 싶기 때문에 유효성 검사 이벤트에 연결하고 싶지 않습니다. 그래서 내 목표는 css 클래스 스위치를 감지하고 일부 애니메이션을 트리거하는 것입니다 (예를 들어 fadeIn). 이 경우 애니메이션을 담당하는 스크립트는 CSS 클래스만으로 유효성을 알 수 없습니다.
유일한 브라우저 간 방법은 그것을 처리하는 매우 나쁜 방법입니다. setInterval. 두 개를 분리하여 유지하려면 응용 프로그램의 두 요소가 서로 인터페이스하는 일종의 객체를 만듭니다. 유효성 검사가 발생하면 공통 객체에서 핸들러를 트리거 한 다음 모양과 느낌이 제어합니다. 또는 유효성 검증 내부에서 전역 이벤트를 트리거하고이를 사용하여 제어 할 수 있습니다. –
원하는 작업을 수행 할 수있는 [CSS 전환 효과] (http://caniuse.com/#search=transition)가 있지만 작업 초안에 남아 있으며 IE9 이하에서는 사용할 수 없습니다. 그래서 당신이 그들을 사용할 수 있다면 귀하의 타겟 고객에 따라 달라집니다 – MrOBrian
고마워 @ KevinB. 당신이 추천하는 것은 유효성 검사와 시각화를 느슨하게 결합하는 절충안입니다. –