jQueryの機能をクリックしたときに警告が表示されない

Question

.cakeをクリックしたときにこのアラートが表示されるのを苦労しています。

<ul class="block-container shorthand"> 
    <li class="block"><img class="cake" src="http://i.imgur.com/MMRz8fe.gif"></li> 
    <li class="block"><img class="cake" src="http://i.imgur.com/vkpuOZ5.png"></li> 
    <li class="block"><img class="cake" src="http://i.imgur.com/mD8T7FM.png"></li> 
    <li class="block"><img class="turkey" src="http://i.imgur.com/Sxj6zq8.png" onmouseover="this.src='http://i.imgur.com/X5l9hAs.png'" onmouseout="this.src='http://i.imgur.com/Sxj6zq8.png'" /></a></li> 
</ul> 

    .block-container { 
    padding: 60px 70px 70px 70px; 
    list-style: none; 
    -ms-box-orient: horizontal; 
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
    display: -moz-flex; 
    display: -webkit-flex; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
} 
.shorthand { 
    -webkit-flex-wrap: wrap; 
    flex-wrap: wrap; 
    -webkit-flex-direction: row; 
    flex-direction: row; 
} 
.block { 
    background: #d31c1c; 
    margin: 20px; 
    width: 281px; 
    height: 281px; 
    padding: 20px; 
} 
.cake { 
    max-width: 281px; 
} 
.turkey { 
    max-width: 281px; 
} 

$(document).ready(function(){ 
    $(".cake").click(function(){ 
     alert("You're into your cake, huh?!"); 
    }); 
}); 

http://codepen.io/mentionbenjamin/pen/wzkGoy

は時間しようとしただけのサークルで行きます。

ありがとうstackoverflow、私は一度私は何をやっているか知っているコミュニティに返済されます！

Answer 1

Jqueryファイルはまったく含まれていません。カスタムおよびその他のjqueryプラグインを動作させるには、Jqueryファイルをインクルードする必要があります。

また、あなたが上記のいずれかがCDNをポイントしたときだけ働くれ、そのファイルにjQueryのファイルをダウンロードし、ローカルプロジェクトフォルダとポイントでそれを持つことができ、あなたのHTMLに

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 

をこのタグを追加インターネットを持っている（クラウドからダウンロードする必要があるため）。

は、編集した

Answer 2

$(function(){ 
$(".cake").each(function(){ 
    $(this).click(function(){ 
     alert(' Your message'); 
     }); 
}); 
})