2017-08-01 88 views
-2

https://jsfiddle.net/11632r3m/jQuery腳本不加載?

我想爲我的HTML文件中的div元素產生一個簡單的顏色變化。它不適合我,附帶的小提琴是一個不起作用的樣本。

HTML

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

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

按F12並閱讀錯誤。你的代碼工作 - 你只是忽略包括jQuery – j08691

回答

-2

您需要包括端部支架和結束的div一些代碼的CSS

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

}

jQuery的。

<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; 
} 

其次,你忘了在你的小提琴中包含JQuery作爲庫。所以它找不到變量。

更新小提琴:https://jsfiddle.net/11632r3m/7/

+0

更新的小提琴的作品,但不是在我的IDE(括號)。 –

+0

確保jQuery包含在您的腳本中。 – Jersh

-1

你的代碼是不是在沒有加載becouse jQuery庫工作。 對於您可以打開小提琴,然後JavaScript中的小提琴部分: 選擇的JavaScript切換,並設置框架& EXTENSIONS將jQuery 3.2.1和tadaaaaa! 您的密碼正常運作