我试图用鼠标悬停在按钮上时使它们点亮。但是，我这样做的尝试似乎根本没有用。我一直在使用jQuery进行以下操作：
$(document).ready(function() {
$("#knap").mouseenter(function() {
$("#knap").fadeTo("fast", 1);
});
$('#knap').mouseleave(function() {
$("#knap").fadeTo("fast", 0.5);
});
});
这是我的HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="party.css"/>
<title>test</title>
<script type='text/javascript' src='test.js'></script>
</head>
<body>
<div id="knap">I don't work!</div>
</body>
</html>
问题是，当我将鼠标悬停在div上时，什么也不会发生。但是我尝试在代码学院中做完全相同的事情。但是，它完美地工作了。
如果任何人可以帮助我，将不胜感激:)
最佳答案
我建议在CSS中解决此问题，而无需jQuery。
#knap:hover {
-webkit-box-shadow: 0px 0px 15px 5px rgba(73, 200, 255, 1);
-moz-box-shadow: 0px 0px 15px 5px rgba(73, 200, 255, 1);
box-shadow: 0px 0px 15px 5px rgba(73, 200, 255, 1);
}<div id="knap">I don't work!</div>