2013-11-24 82 views
-1

我無法讓jQuery在我的頁面上工作。所以我使用jsfiddle.net來測試我的jQuery代碼是否工作,並且確實如此。但是,當我將相同的代碼複製並粘貼到我的文檔時,它不起作用。所以我假設在我的html文檔中鏈接jQuery外部文件時出現錯誤。我使用TextWrangler作爲我的文本編輯器。爲什麼我的jQuery不工作?

HTML

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title> Rules </title> 
    <link rel="stylesheet" href="styleRules.css" /> 
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> 
    <script type= "text/javascript" src="JsRules.js"> </script> 
</head> 
<div id="left" > 
    <ol> 
     <li> First Rule </li> 
    </ol> 
</div> 

CSS

#left { 
    float:left; 
    margin-left:200px; 
} 

jQuery的

$(document).ready(function() { 
    $("#left").mouseenter(function() { 
    $("#left").fadeTo("fast", 0.25); }); 
}); 

感謝回答和閱讀這篇文章的時候。我目前陷入困境,我已經陷入死衚衕,我迫不及待想要克服這個問題!

+6

你確定''jQuery'包含在你的代碼中嗎?行'js/jquerry-1.10.2.min.js'似乎有一個錯字。 – VisioN

+1

你似乎正在輸入'jquerry'而不是'jquery' - 也許這是問題所在? – Krease

+0

jQuery只有一個'r'。 – 2013-11-24 19:46:56

回答

-3

您的HTML引用了jQuery文檔錯字:

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title> Rules </title> 
    <link rel="stylesheet" href="styleRules.css" /> 
<!---Typo was here---> 
    <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> 
    <script type= "text/javascript" src="JsRules.js"> </script> 
</head> 
<div id="left" > 
     <ol> 
      <li> First Rule </li> 
     </ol> 
</div> 
</body> 
+1

信不信由你,''是可選的,你錯了,順便說一下,'document'不是指' '。 – 2013-11-24 19:48:36

+0

HTML中有一個body元素,它的開始和結束標記是可選的,你仍然可以從沒有標記的DOM事件中選擇它,'document'是HTML元素的父節點無論如何 – Quentin

+0

你是對的,我只是意識到他有一個像所有評論所說的錯字,哈哈,今天我有點累了, – Trendy

0

我同意其他人,這是最有可能在你的jQuery文件名的錯字。我使用你的確切代碼創建了一個網頁,但我拼寫正確的jquery文件。它運行良好。

即使使用BODY元素是正確又重要的,它並不影響我測試代碼的結果。

0

請使用「檢查元素」(Chrome的工具)或Firebug(Firefox和Chrome的工具)來查找錯誤。

現在對我來說可能出現的錯誤是:

  1. 名稱不能例如<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>

  2. 你可以與外部文件(libraries of google<script src="http://code.jquery.com/jquery-2.0.0.js"></script>

改劇本宣佈正確現在我用你的代碼在JSFIDDLE上創建DEMO,看起來它可以工作