Question

这很简单，但我无法弄清楚为什么只有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);

});
});

Answer 1

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

添加：

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

在另一个script标记之前。

外部Javascript的部分没有执行

1 个答案: