Question

我正在进行codeacademy.com jQuery课程，以便在我阅读jQuery In Action书之前获得jQuery的美味，而且我已经完成了一部分而且代码不起作用我无法理解为什么点。

我在这里创建了一个jsFiddle http://jsfiddle.net/weacY/

以下是codeacademy.com的说明：

大！接下来，让我们一起包含我们的function关键字和两个新动作：mouseenter（）和fadeTo（）。

mouseenter（）执行您可能期望的操作：当鼠标进入给定的HTML元素时，它会产生更改。例如，

$（document）.ready（function（）{       $（'div'）。mouseenter（function（）{           $（ '格'）隐藏（）。       }）;   }）;   一旦鼠标悬停在页面上，它就会隐藏在页面上的每一个。（我们将在下一课中找到如何影响其中一个。）现在，我们只有一个，所以这个设置没问题。

然而，我们将fadeTo（）放在mouseenter（）中，而不是hide（）。 fadeTo（）在其括号之间采用两个参数或输入，用逗号分隔：淡入淡出的速度和淡入淡出的不透明度（或透明度）。例如，

fadeTo（'fast'，0.25）;   会迅速将目标元素淡化到其原始不透明度的25％，使其非常浅色。

使用上面的示例，当鼠标进入'div'时，使'div'渐变为1（100％）不透明度。使动画速度“快”。（确保以顺序速度提供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);
 });
});

提前感谢您的帮助。

Answer 1

因为在JSFiddle中默认设置了MooTools库。将其更改为jQuery，它将起作用：

enter image description here

Answer 2

顶部没有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/

Answer 3

你在小提琴中加入了Mootools而不是jQuery。 Here's你的叉子。

Answer 4

默认情况下，MooTools库选择加载mootools的js。选择onLoad选择框旁边的jquery，它将加载jquery的js。

这是工作小提琴。

http://jsfiddle.net/weacY/5/

包含jquery，它会有效..

jQuery mouseenter和fadeTo问题

4 个答案: