javascript - $（ "＃submit"）。clickが機能しない：/

Question

この「送信」ボタンを機能させるために考えられるすべてのことを試しましたが、JavaScriptはあまり得意ではありません:(

http://www.kimscakes.biz/contactme.php

おそらくここの誰かが私がどこで間違っているのか教えてくれますか？

どうもありがとう

宝石

Answer 1

要素が存在する前に送信をバインドするか、フォームの後にコードを移動するか、フォーム内に配置します$(document).ready。

jQuery(document).ready(function () {
    jQuery("#submit").click(function () {
        console.log("button clicked");
        // declare these vars
        var name = jQuery("#name");
        var email = jQuery("#email");
        var message = jQuery("#message");
        var human = jQuery("#human");
        var success = jQuery("#success");
        var error = jQuery("#error");
        // reset these vars
        success.html("");
        error.html("");
        // ajax call to script.php
        jQuery.getJSON("mailer.php", {
            name: name.val(),
            email: email.val(),
            message: message.val(),
            human: human.val()
        }, function (html) {
            // if html from script.php == 1, happy days
            if (html == '1') {
                jQuery("#contact").hide()
                success.html("Thank You, your message has been sent.")
                error.show()
            }
            else {
                error.html(html)
            }
        });
    });
});