0 
$(function()
{
$(".error").hide();
$("#submit").click(function()
{
    //form validate
    var name= $("input#fullname").val();
        if (name == "")
        {
            $("label#name_error").show();
            $("input#fullname").focus();
            return false;
        }
    var email= $("input#email").val();
        if (email == "")
        {
            $("label#email_error").show();
            $("input#email").focus();
            return false;
        }
    var subject= $("input#subject").val();
        if (subject == "")
        {
            $("label#subject_error").show();
            $("input#subject").focus();
            return false;
        }
    var textarea= $("textarea#textarea").val();
        if (textarea == "")
        {
            $("label#textarea_error").show();
            $("textarea#textarea").focus();
            return false;
        }

    var dataString = 'fullname='+name+'&email='+email+'&subject='+subject+'&textarea='+textarea;
    //alert (dataString);return false;
    $.ajax({
        type: "POST",
        url: "form.php",
        data: dataString,
        success: function()
        {
            $("#form").html("<div id='message'></div>");
            $("#message").html("<h2 id='success'>Query Submitted!</h2>").append("<p>You will be contacted shortly...</p><p>Reload the page to submit another query.</p>").hide().fadeIn(1500)
        }
    })
    return false;
});
});

それはほんの小さな質問です

私はこのウェブサイトを持っており、過去 2 ～ 3 か月間完全に機能していましたが、今日、誤って chrome のコンソール ウィンドウのリソース セクションに迷い込んだときに、次のエラーが表示されました。

「キャッチされない参照エラー: $ が定義されていません」

ウェブ上で満足のいく答えがどこにも見つかりませんでした...あなたの考えは？

これがヘッドセクションです...ページの他の場所にスクリプトを含めていません

<head>

    <meta charset="utf-8">

    <link rel="stylesheet" href="cq.css" type="text/css">

    <script type="text/javascript" src="form.js"></script>

    <link rel="shortcut icon" href="images/favicon.ico" />

    <script src="jquery.js"></script>

    <script src="form.js"></script>

    <!--share-->

    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

    <script type="text/javascript">stLight.options({publisher: "ur-c6d56dfc-f929-5bbf-a456-178fc403ae45"});</script>

    <!--share ends here-->



</head>
4

1 に答える 1

2

jQuery を参照する前にスクリプトを呼び出しています。HTML を次のように変更します。

<script src="jquery.js"></script>
<script type="text/javascript" src="form.js"></script>

また、同じ JavaScript ファイル (form.js) を 2 回インポートしています。

于 2013-01-21T17:42:58.763 に答える