2013-04-27 64 views
-2

我想將我的JQuery文件(或.js文件)連接到我的HTML文件。問題是,當我將鼠標放在我的Div上時,ID爲zom的東西沒有任何反應。我連接這個錯誤?我JQuery的是這樣的:連接HTML和JQuery

$(Homepage.html).ready(function() { 
    $('#zom').mouseenter(function() { 
     $('#zom').fadeTo('fast', 0.25) 
    }); 
    $('#zom').mouseleave(function() { 
     $('#zom').fadeTo('fast', 1) 
    }); 
}); 

而我的HTML:

<div id="zom">Zombie Nom</div> 

我有在同一個文件目錄下的兩個文件,我有我的HTML,身體,等標籤,但我只是向你展示了我的div。謝謝你,順便說我11歲,所以如果這看起來很簡單,不要讓我失望。

+0

你可以創建你的代碼的小提琴? http://jsfiddle.net/ – 2013-04-27 16:43:29

回答

-3

儘量把它放在一個文件是這樣的:

<!DOCTYPE html> 
<html> 
<head> 
//include jquery, so the code can work 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function() { 
    $('#zom').mouseenter(function() { 
     $('#zom').fadeTo('fast', 0.25) 
    }); 
    $('#zom').mouseleave(function() { 
     $('#zom').fadeTo('fast', 1) 
    }); 
}); 
</script> 
</head> 

<body> 
<div id="zom">Zombie Nom</div> 
</body> 
</html> 

如果您在使用jQuery看看不安全:www.w3schools.com/jquery/default.asp 它是一種非常容易理解的教程,非常詳細的例子。非常適合參與。

問候

+0

沒有這樣的東西作爲'Homepage.html'對象/ HTML元素 – bicycle 2013-04-27 11:48:05

+0

這是我的HTML頁面的文件名與div – 2013-04-27 12:03:17

+0

@自行車你是對的沒有看到這一點。糾正它。 – 2013-04-27 15:11:38

1

你有$(Homepage.html).ready(function() {,但是你有沒有定義的變量JS叫Homepage

你可能想:$(document).ready(function() {

+0

當我把文件,它也給我一個錯誤。 – 2013-04-27 12:02:56

+0

你以前沒有提過錯誤。什麼錯誤? – Quentin 2013-04-27 23:20:01

0
$(document).ready(function() { 
    $('#zom').mouseenter(function() { 
     $('#zom').fadeTo('fast', 0.25); 
    }); 
    $('#zom').mouseleave(function() { 
     $('#zom').fadeTo('fast', 1); 
    }); 
}); 

jsFiddle