HTML/CSS/JS初学者错误

这些工作在JSFiddle andi张贴在我的original question的答案。我很难过，因为我错过了它在浏览器中不起作用。我知道这将是一个非常简单的修复。提前致谢。HTML/CSS/JS初学者错误

HTML：

<div class="blackwrap"> 
    <header class="blackbar"> 
     <h2>Before he knew it, he couldn't see a thing.</h2> 
     <h4>He fumbled around for the <a id="flash">flashlight</a> on his phone.</h4> 
    </header> 
</div> <!-- .blackwrap-->  

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="script.js"></script> 
</body>

CSS：

.blackbar { 
    background: black; 
    color: white; 
} 
.blackbar.lit { 
    background:yellow; 
    color:black; 
}

的Javascript：

$("#flash").on("mouseover", function(){ 
    $(".blackbar").addClass("lit"); 
}).on("mouseout", function(){ 
    $(".blackbar").removeClass("lit") 
});

来源

2013-10-17 kfrncs

代码工作正常。确保脚本正确加载。 –

那究竟是什么问题呢？ jsfiddle似乎很好。查看[JavaScript错误控制台]（http://www.netmagazine.com/tutorials/javascript-debugging-beginners），并告诉你在那里看到了哪些错误以及它们指向哪些行。 – JJJ

使用chrome浏览器检查检查元素识别错误并将其张贴在这里 – Amerrnath

的问题可能是，你正在运行的Jquery包括在本地机器上的代码与使用file://协议。

所以，你的本地计算机上使用

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

改变这个服务器

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

在服务器上，这将是http:或https:，那么服务器会自动选择相应的一个。

来源

2013-10-17 07:01:56

你jQuery是加载不正确使用HTTP：在SRC如下：

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

来源

2013-10-17 06:25:41

这假定OP正在通过对页面使用'file：///'URI进行测试。情况可能是这样，但问题没有说明这一点。 – Quentin

是的，这是代码没有运行的合适原因 –

其在CDN链接非常简单的修复程序的jQuery，你应该做一个HTTP调用

，而不是这个

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

改成这样

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

问题是如果你不保留http浏览器认为它是一个本地文件在您的电脑。

enter image description here

来源

2013-10-17 06:28:08 yourkishore

HTML/CSS/JS初学者错误

回答

相关问题