Финал: AJAX / jQuery / PHP Форма представления и модальная коробка открываются с успехом

Благодаря Самуэлю Ливу и другим великим помощникам проблема была устранена.

Поскольку все здесь было беспорядок, и это было плохо объяснено в общем решении, я решил сделать объяснение на своем собственном веб-сайте.

Я оставляю ДЕМО для вас, чтобы узнать, что именно вы ищете, и я оставляю учебное пособие для вас, чтобы узнать, как это сделать.

Учебник: http://santz.com.ar/blog/ajax-form-submit-open-modal-box/

ДЕМО: http://santz.com.ar/files/demos/ajax-form-submit-open-modal-box/

Надеюсь, я помог тебе! Спасибо всем, кто помог мне!


@ Самуэль Лев и другие великие помощники. ВОПРОС БЫЛ ИСПРАВЛЕНО. Я останусь с поврежденным кодом для будущих ребят, которым это нужно.

Случай: http://santz.net/index.contacto.html (больше не доступен)

ЭТО БЫЛО ПРОБЛЕМА:

Цель: «Веб-сайт» должен открыть диалоговое окно / модальное окно / модальное окно после успешной подачи формы.

Проблема . Форма отправляется успешно, но окно диалога / модального окна / мода не открывается (редко, оно открывается, если вы делаете другой щелчок …)

[Попробуй, вот почему я дал тебе ссылку. Нет проблем, сайт принадлежит мне, и я получаю сообщения]

Надеюсь, вы можете мне помочь … идея довольно проста! Когда пользователь отправляет форму, сразу появляется всплывающее окно!

БОЛЬШОЕ СПАСИБО!

В этом случае переместите функцию диалога вне функции отправки:

$(function() { $('#popup-wrapper').modalPopLite({ openButton: '#clicker', closeButton: '#close-btn' }); $('#contact-form').submit(function() { $.ajax({ type: "POST", url: $(this).attr('action'), data: $(this).serialize(), success: function() { $('#contact-form')[0].reset(); } }); return false; }); });