워드프레스에서 페이지 새로 고침 없이 연락처 양식 7을 제출하는 방법은?

워드프레스에서 페이지 새로 고침 없이 연락처 양식 7을 제출하는 방법은?

안녕하세요. 7번 양식에 처음 연락드립니다.저는 유튜브 튜토리얼에서 본 적이 있는데, 그 연락처 양식 7은 페이지 새로 고침 없이 제출합니다.그러나 플러그인을 설치하면 페이지 새로 고침과 함께 작동합니다.

페이지 새로 고침 없이 작동할 수 있는 방법에 대해 조언 부탁드립니다.감사해요.

문제는 wp_head() 및 wp_footer() 함수를 테마에 포함하지 않았다는 것입니다.

연락처 양식 7 사이트에 다음과 같은 페이지가 있습니다.

https://contactform7.com/why-isnt-my-ajax-contact-form-working-correctly/

거기서 그들은 ajax가 작동하기 위한 요구사항을 언급했습니다.

더하다wp_head()당신의 머리말에 있는 기능.php 파일과wp_footer()풋터 기능을 합니다php 파일.

해결 되었습니다 :)

저의 문제는 사용하던 jquery를 변경함으로써 해결되었습니다.사용 중인 버전을 확인합니다.

<script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous">
enter code here
</script>

저는 최근에 이 문제를 경험했습니다.팝업창에서 양식을 열고 제출하면 새로 고칠 것입니다.

그래서, 머리를 많이 뽑고 나서 소스를 보게 되었고 거기서 풋터 코드의 일부가 강조 표시되지 않는 것을 알게 되었습니다. 왜죠? 그것은 제 어리석은 실수였습니다.하나를 닫는걸 깜빡했습니다.iframe태그. 한번 닫으면.뷰 소스 코드가 완벽하게 강조되어 문제가 해결되었습니다.

양식을 제출할 때 페이지가 새로 고쳐지는 주요 이유 중 하나를 확인한 후:

1. JavaScript 파일이 로드되지 않았습니다.스토어에서 다운로드한 테마를 사용하는 경우 일반적으로 Lite Speed Cache와 같은 페이지 최적화 프로그램에서 문제가 발생합니다.그렇지 않으면 테마가 Ajax 파일을 올바르게 로드하고 있는지 확인합니다.

이것은 저의 경우였습니다. Js 파일이 지연되어 로드되고 있었습니다. 저는 웹 페이지 속도를 높이는 페이지 캐시를 사용하고 있었지만 자바스크립트 파일이 올바르게 로드되지 않았습니다.

2. 다른 자바스크립트와 충돌

3. HTML 구조가 올바르지 않습니다.

언급URL : https://stackoverflow.com/questions/42363411/how-to-submit-contact-form-7-without-page-refresh-in-wordpress