2017-08-01 95 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! 您的密码正常运作