シンプルを表示フォームボタン何もしません

Question

私のフォームを表示すると思われる私のwebisteのこのシンプルなボタンはありますが、ボタンは表示されますが、何も起こらず、奇妙なことにスニペットでここで動作します。

私のウェブサイトへのリンク：website

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="container-form"> 
 
    <br> 
 
    <input class="btn btn-default" id="buttonEmailForm" type="submit" name="buttonEmailForm" value="Home Cleaning"> 
 
    <script type="text/javascript"> 
 
    $("#buttonEmailForm").click(function(e) { 
 
     $("#EmailForm").show(); 
 
     e.preventDefault(); 
 
    }); 
 
    </script> 
 
    <form name="EmailForm" id="EmailForm" action="" method="post" style="display:none;"> 
 

 
    <label>Number Of Rooms: </label><span></span> 
 
    <Select class="form-control input-sm error" min="3" name="Hours" id="Hours"> 
 
     <OPTION value="0">Select Number of Hours</OPTION> 
 
     <OPTION value="45">3 Hours</OPTION> 
 
     <OPTION value="60">4 Hours</OPTION> 
 
     <OPTION value="75">5 hours</OPTION> 
 
     <OPTION value="90">5 hours</OPTION> 
 
     <OPTION value="90">6 hours</OPTION> 
 
     <OPTION value="90">7 hours</OPTION> 
 
    </select> 
 
    </form> 
 
</div>

すべてのヘルプは、おかげでいただければ幸いです。

Answer 1

あなたのウェブサイトは、$が定義されていないことを示しています。だから、plsはドキュメントが読み込まれるまで待つ。 $（document）.ready（）に電子メールフォームを表示するようにスクリプトを設定します。

ページの最後にスクリプトを追加します。ページの中央にスクリプトを追加するのは良い方法ではありません。