0

Samuel Liew と他の偉大なヘルパーのおかげで、この問題は修正されました。

ここにすべてを入れると混乱し、全体的なソリューションでは説明が不十分だったので、自分の Web サイトで説明を作成することにしました。

それがあなたが探しているものかどうかを確認するために DEMO を残し、これを行う方法を学ぶためにチュートリアルを残します。

チュートリアル: http://santz.com.ar/blog/ajax-form-submit-open-modal-box/

デモ: http://santz.com.ar/files/demos/ajax-form-submit-open-modal-box/

私があなたを助けたことを願っています！私を助けてくれたすべての人に感謝します！

@Samuel Liew、およびその他の優れたヘルパー。問題は修正されました。これを必要とする将来の人のために、修正されたコードを残します。

ケース: http://santz.net/index.contacto.html (利用できなくなりました)

これが問題でした:

ターゲット:「Web サイト」は、フォームの送信が成功した後、ダイアログ/モーダル ボックス/モーダル ウィンドウを開く必要があります。

問題:フォームは正常に送信されますが、ダイアログ/モーダル ボックス/モーダル ウィンドウが開きません (まれに、もう一度クリックすると開きます...)

[試してみてください。そのため、リンクを提供しました。問題ありません。このサイトは私のものであり、メッセージを受け取ります]

あなたが私を助けてくれることを願っています... アイデアはとてもシンプルです! ユーザーがフォームを送信すると、ダイアログが即座に表示されます!

どうもありがとう！

4

1 に答える 1

1

この場合、ダイアログ機能を送信機能の外に移動します。

$(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;
    });
});
于 2013-03-06T04:06:32.650 に答える