console.log不起作用

Question

可能很簡單。當我在創建的窗體中點擊提交按鈕時，我應該在控制檯上看到「已單擊」消息，但未顯示。任何想法爲什麼發生這種情況

$("#button").on("click", function() { 
 
    console.log("clicked"); 
 
    return false; 
 
});

<div class="col-md-8"> 
 
    <form> 
 
    <div class="form-group"> 
 
     <label for="name" class="sr-only">Name</label> 
 
     <input type="text" class="form-control" id="name" placeholder="Your name here" maxlength="20"> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label for="email" class="sr-only">Email</label> 
 
     <input type="email" class="form-control" id="email" placeholder="Your email here*" required="required"> 
 
    </div> 
 
    <label for="textBox" class="sr-only">TextBox</label> 
 
    <textarea class="form-control message-box" id="textBox" style="resize:none" cols="40" rows="5" placeholder="Your message here" minlength="20"></textarea> 
 
    <button type="submit" class="btn btn-default" id="button">Submit</button> 
 

 
    </form> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

Answer 1

的$功能僅由jQuery的定義。你需要包含jQuery才能工作。

$("#button").on("click", function() { 
 
    console.log("clicked"); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-md-8"> 
 
    <form> 
 
    <div class="form-group"> 
 
     <label for="name" class="sr-only">Name</label> 
 
     <input type="text" class="form-control" id="name" placeholder="Your name here" maxlength="20"> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label for="email" class="sr-only">Email</label> 
 
     <input type="email" class="form-control" id="email" placeholder="Your email here*" required="required"> 
 
    </div> 
 
    <label for="textBox" class="sr-only">TextBox</label> 
 
    <textarea class="form-control message-box" id="textBox" style="resize:none" cols="40" rows="5" placeholder="Your message here" minlength="20"></textarea> 
 
    <button type="submit" class="btn btn-default" id="button">Submit</button> 
 

 
    </form>

添加jQuery的作品在這裏。