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初學者錯誤

回答

相關問題