jQuery適用於Codeacademy，但不適用於通過github.io部署的Firefox。

我從Codeacademy jQuery ex複製/粘貼代碼。 4，「什麼是jQuery？」，放到我的筆記本電腦上相同的html，css和javascript文件中。然後我把這個推給了我的github.io; jQuery代碼似乎不能在我的Firefox瀏覽器（針對Ubuntu規範 - 版本26）中工作 - 1.0）。該代碼絕對在Codeacademy屏幕上工作。jQuery適用於Codeacademy，但不適用於通過github.io部署的Firefox。

這裏的index.html：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>What Say You?</title> 
     <link rel="stylesheet" type="text/css" href="stylesheet.css"/> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
     <div id="ready">I'm ready!</div> 
     <div id="notready">You'll never take me alive, jQuery!</div> 
    </body> 
</html>

這裏的stylesheet.css中

div { 
    height:100px; 
    width:100px; 
    border-radius:5px; 
    display: inline-block; 
    text-align: center; 
    vertical-align: middle; 
    font-family: Verdana, Arial, Sans-Serif; 
    margin-right:5px; 
} 

#ready { 
    background-color:#008800; 
    color:#FFFFFF; 
} 

#notready { 
    background-color:#FF0000; 
    color:#FFFFFF; 
}

這裏的script.js：

$(document).ready(function() { 
    $('#notready').fadeOut(1000); 
});

的頁面是在這裏：http://bonza-times.github.io/

如何讓這段代碼在Firefox中正確工作？謝謝！

來源

2014-01-19 Tyler

您需要在HTML頁面中顯式加載jQuery。 jQuery是一個自定義框架，默認情況下在瀏覽器中不可用。

只需將此行添加到您的<head>，現有<script>標籤之前：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

結果應該是這樣的：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>What Say You?</title> 
     <link rel="stylesheet" type="text/css" href="stylesheet.css"/> 
     <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
     <div id="ready">I'm ready!</div> 
     <div id="notready">You'll never take me alive, jQuery!</div> 
    </body> 
</html>

來源

2014-01-19 13:24:34 Jonathan

在codeacademy，jQuery是隱式加載的，但如果你想它在您的獨立頁面上，您需要將它包含在您的<head>

中，並使用cdn：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

或下載它在你的項目，並添加

<script src="path/to/your/js/jquery.js"></script>

來源

2014-01-19 13:27:32 Tib

jQuery適用於Codeacademy，但不適用於通過github.io部署的Firefox。

回答

相關問題