jQuery鼠标和fadeTo问题
在阅读“codeacademy.com In Action”一书之前，我正在做jQuery课程，以便对jQuery有一个很好的体验，我已经读到了其中的一个部分，代码不起作用，我也不明白为什么。
我在这里创建了一个jsFiddle http://jsfiddle.net/weacY/
以下是codeacademy.com的说明：
太棒了！接下来，让我们将函数关键字和两个新动作，mouseenter()和fadeTo()放在一起。 mouseenter()执行您可能期望的操作:当鼠标进入给定的HTML元素时，它会产生一个更改。例如, $(document).ready(function() {$(‘div’).mouseenter(函数(){ $('div').hide()；})；)；一旦鼠标单击其中一个，就会隐藏页面上的每个内容。(我们将在下一课中了解如何影响其中的一个。)现在，我们只有一个，所以这个设置是可以的。 然而，我们将把fadeTo()放在mouseenter()中，而不是隐藏()。fadeTo()在其括号中接受两个参数或输入，用逗号分隔:淡出的速度和淡入的不透明度(或透明性)。例如, fadeTo('fast'，0.25)；会很快将目标元素减弱到其原始不透明度的25%，使其非常浅色。 使用上面的例子，让你的'div‘减弱到1 (100%)不透明度当你的鼠标进入'div’。使动画速度‘快’。(确保以顺序速度，然后是不透明度给fadeTo()它的输入。) 鼠标在你的'div‘上看到效果！
下面是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>下面是CSS：
div {
height: 60px;
width: 100px;
border-radius: 5px;
background-color: #69D2E7;
text-align: center;
color: #FFFFFF;
font-family: Verdana, Arial, Sans-Serif;
opacity: 0.5;
}最后，jQuery：
$(document).ready(function() {
$("div").mouseenter(function() {
$("div").fadeTo("fast", 1);
});
});提前感谢您的帮助。
回答 4
Stack Overflow用户
发布于 2012-12-19 09:34:06
因为在JSFiddle中，默认设置为MooTools库。将其更改为jQuery，它将工作：
Stack Overflow用户
发布于 2012-12-19 09:37:28
在顶部没有jquery插件：
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script>
$(document).ready(function() {
$("div").mouseenter(function() {
$("div").fadeTo("fast", 1);
});
});
</script>在你的小提琴，你还没有选择的jQuery插件从左侧下拉。
看这把小提琴：http://jsfiddle.net/weacY/2/
Stack Overflow用户
发布于 2012-12-19 09:34:02
你把Mootools而不是jQuery放在小提琴里。下面是是你的叉子。
https://stackoverflow.com/questions/13949252
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号