-2

我正在尝试将我的 JQuery 文件（或 .js 文件）连接到我的 HTML 文件。问题是当我将鼠标悬停在 ID 为 zom 的 Div 上时，什么也没有发生。我连接错了吗？我的 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、body 和其他标签，但我只是向您展示了我的 div。谢谢你，顺便说一句，我 11 岁，所以如果这看起来真的很简单，请不要对我投反对票。

4

3 回答 3

1

你有$(Homepage.html).ready(function() {，但你还没有定义一个名为Homepage.

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

于 2013-04-27T11:45:27.040 回答
0 
$(document).ready(function() {
    $('#zom').mouseenter(function() {
        $('#zom').fadeTo('fast', 0.25);
    });
    $('#zom').mouseleave(function() {
        $('#zom').fadeTo('fast', 1);
    });
});

jsFiddle

于 2013-04-27T16:37:59.683 回答
-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 这是一个非常容易理解的教程，其中包含非常详细的示例。非常适合参与。

问候

于 2013-04-27T11:43:04.643 回答