문제

양식이 성공적으로 보낼 때 페이드 인하고 싶은 메시지가 있습니다. JQuery Form 플러그인과 코드를 사용하고 있습니다.

$(document).ready(function() {
var options = {
target: '#output',
beforeSubmit: validate,
resetForm: true
}; 
$('#holdform').ajaxForm(options);
});

Validate 기능이 완벽하게 작동 하므로이 코드가 반환되기 전에 추가했습니다. 진실:
(...)

$('#output').fadeIn('slow');
return true;    
}

이것은 형태 아래에있는 div를 퇴색시켜야하며, 디스플레이로 스타일 : 없음;.
그러나 발생하는 일은 Div가 사라지고 사라진다는 것입니다. 누구든지 설명과 해결책이 있습니까? 미리 감사드립니다!

코드는 IT 오류에서 볼 수 있습니다. http://gadebold.dk/events/tilmeld/

도움이 되었습니까?

해결책

일어나는 일은 콘텐츠가 대체되고 있다는 것입니다. 당신은 #output div, 그러나 서버 응답이 다시 오면 양식 플러그인이 해당 응답을 넣습니다. #output 그것이 당신이 목표를 설정 한 것이기 때문입니다.

서버 응답에 신경 쓰지 않으면 target 옵션과 다음과 같이 컨텐츠를 대체하지 않습니다.

$(document).ready(function() {
  var options = {
    beforeSubmit: validate,
    resetForm: true
  }; 
  $('#holdform').ajaxForm(options);
});

전체 옵션 목록은 여기를 참조하십시오

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top