0

这很简单，但我不明白为什么只有 Javascript 的某些部分执行而其他部分不执行。我的 html 文件只是一个（div），我希望 javascript 在鼠标悬停在它上面时更改（div）的颜色，然后在离开它后恢复正常。

html文件是...

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

这是javascript文件。它保存为 script.js 并测试它是否正在执行，我创建了一个警报，它确实出现了，所以它一定是下面我看不到的问题。

alert("test"); 

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

$('div').mouseleave(function(){
    $('div').fadeTo("fast",0.5);

});
});
4

1 回答 1

2

你从来没有真正包含过 jQuery，所以所有的 jQuery 代码都失败了。

添加：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

在另一个script标签之前。

于 2013-08-26T22:41:58.643 回答