Question

我正在尝试从我的浏览器中运行这段代码，但我无法让它工作。这就是我目前所追求的，有谁知道我错过了什么？

<!DOCTYPE html>
<head>
    <link rel="stylesheet" type="text/css" href="fader.css"/>
    <script type="text/javascript" src="fader.js"></script>
</head>
<body>

<div id="div1">hover over me</div>
<div id="div2"></div>

</body>
</html>

fader.js

$(document).ready(function(){
$(function() {
    $('#div1').hover(function() { 
        $('#div2').fadeIn(); 
    }, function() { 
        $('#div2').fadeOut(); 
    });
});

}）;

fader.css

#div2 {
width: 200px;
height: 200px;
background: red;
display: none;

}

原件： http://jsfiddle.net/kevinPHPkevin/4z2zq/
先谢谢，这可能是愚蠢的，我的js很生锈

Answer 1

您还没有在html doc中导入jquery。你的js代码使用jquery。

<!DOCTYPE html>
<head>
    <link rel="stylesheet" type="text/css" href="fader.css"/>
    <script type="text/javascript" src="fader.js"></script>
    <script type="text/javascript" src="[jqueryversionrighthere]"></script>
</head>
<body>

   <div id="div1">hover over me</div>
   <div id="div2"></div>


</body>
</html>

Answer 2

请输入此代码：

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

代码在JSFiddle中工作，但不能在浏览器中工作

2 个答案: