jQueryスクリプトが読み込まれていませんか？

Question

https://jsfiddle.net/11632r3m/

私は私のHTMLファイル内のdiv要素のためのシンプルな色の変化を生成しようとしています。それは私のために働いていない、添付されているフィドルは、動作しないもののサンプルです。

HTML

<div class="pagewrap"></div> 
<div class="sidebar"></div> <!--Sidebar container--> 
<div class="mainbody"></div> <!--Main Body container--> 

CSS

.sidebar { 
    float: left; 
    background-color: yellow; 
    width: 10%; 
    height: 100%; 
    position: fixed; 

}

jQueryの

$(document).ready(function() { 
    $(".sidebar").click(function() { 
     $(this).css("background-color","black"); 
    }); 
}); 

Answer 1

あなたはあなたのコードの一部についてエンドブラケットとエンドdivを含める必要がありました。

<div class="pagewrap"><!--Everything container--> 
    <div class="sidebar"></div> <!--Sidebar container--> 
    <div class="mainbody"></div><!--Main Body container--> 
</div> 

.sidebar { 
    float: left; 
    background-color: yellow; 
    width: 10%; 
    height: 100%; 
    position: fixed; 
} 

第2に、あなたのフィドルにライブラリとしてJQueryを含めるのを忘れてしまった。だから、変数を見つけることができませんでした。

更新フィドル：https://jsfiddle.net/11632r3m/7/

Answer 2

あなたのコードが読み込まれないでjQueryライブラリ becouse動作していません。 あなたがフィドルを開き、フィドルでjavascriptのセクションにすることができ、そのために： javascriptのトグルを選択し、枠組みjqueryの3.2.1とtadaaaaaに& EXTENSIONSを設定！ コードが正常に動作しています