2014-10-06 129 views
1

無法讓jquery在實時網站上發揮它的魔力。我試圖爲自己弄清楚這一點,但沒有辦法。它只是將html和css鏈接到jquery的一個例子,但我無法做到這一點。幫助讚賞。無法將html文件鏈接到jquery

我有以下代碼:

<html> 
    <head> 
     <title>Button Magic</title> 
     <link rel='stylesheet' type='text/css' href='stylesheet.css'/> 
     <script type="text/javascript" src="jQuery-1.4.1-min.js"></script> 
    </head> 
    <body> 
    <div><br/><strong>Click Me!</strong></div> 
    </body> 
</html> 

下面是樣式表:

div { 
    height: 60px; 
    width: 100px; 
    border-radius: 5px; 
    background-color: #69D2E7; 
    text-align: center; 
    color: #FFFFFF; 
    font-family: Verdana, Arial, Sans-Serif; 
    opacity: 0.5; 
} 

而這裏的第j查詢法寶:

$(document).ready(function(){ 
    $('div').mouseenter(function() { 
     $('div').fadeTo('fast',1); 
    }); 
});  
+3

jQuery源文件在正確的目錄?你有沒有引用你的實際腳本?這是在本地工作嗎? – tymeJV 2014-10-06 18:38:04

+2

它也可能是'jquery-1.4.1-min.js'而不是'jQuery-1.4.1-min.js'。儘管如此,它是jQuery的非常老版本,你知道... – Regent 2014-10-06 18:39:43

+1

你可能想檢查你的瀏覽器控制檯中的404錯誤。 – showdev 2014-10-06 18:48:38

回答

2

必須有與問題文件位置。

但是,如果你的目標是使不透明度褪色。嘗試:

div{ 
    transition: opacity .25s ease; 
    opacity: 0.5; 
} 

div:hover{ 
    opacity: 1; 
} 
0

它在你href是prbably不正確的路徑。它也可能是拼寫或文件名的情況下的問題。

瞭解更多關於Absolute and Relative Paths

開始一個路徑:

  • ./(no slash)在當前目錄啓動。
  • /從根目錄(您可以放置​​您的站點文件的最高級別)開始。
  • ../從父目錄開始(向上一個目錄)。

從你的代碼,這是你的設置。我不知道您的文件是否被命名爲index.html,或者它是否在根目錄中。

/index.html 
/jQuery-1.4.1-min.js 
/stylesheet.css 

什麼路徑,在這裏工作?

  • jQuery的1.4.1-min.js
  • ./jQuery-1.4.1-min.js
  • /jQuery-1.4.1-min.js

現在,如果你移動了你的index.html文件或者你的jQuery-1.4.1-min.js文件,事情就不會起作用。

一個

/about/index.html 
/jQuery-1.4.1-min.js 
/stylesheet.css 

什麼路徑,在這裏工作?

  • ../jQuery-1.4.1-min.js - 移動向上拉出/about/,並期待有
  • /jQuery-1.4.1-min。JS - 從根開始,也就是第一/

/index.html 
/js/jQuery-1.4.1-min.js 
/stylesheet.css 

什麼路徑,在這裏工作?

  • JS/jQuery的1.4.1-min.js - 開始在當前目錄下,進入/js/,並期待有
  • /js/jQuery-1.4.1-min.js - 從根開始,也就是說,第一/,進入/js/,並期待有

你可以用多個../移多個目錄。

Ç

/path/to/some/folder/index.html 
/js/jQuery-1.4.1-min.js 
/stylesheet.css 

什麼路徑,在這裏工作?

  • ../../../../js/jQuery-1.4.1-min.js - 移動向上拉出/folder/,拉昇進出/some/,拉昇進出/to/ ,向上移出/path/,在當前目錄中啓動,並進入/js/並看看那裏
  • /js/jQuery-1.4.1-min.js - 從根開始,即第一個/,轉入/js/並看看那裏