Question

以下是我的HTML，CSS和JavaScript。任何人都可以看到我错在哪里？注意：我在单独的文件中创建JavaScript，而不是与HTML相同的文件。

我是否必须在jQuery文件上添加任何其他链接或代码才能使其执行该功能？

HTML code：

<!DOCTYPE html>

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

    <div></div>
</body>
</html>

CSS：

div {
    height: 100px;
    width: 100px;
    border-radius: 5px;
    background-color: red;
    opacity: 0.25;
}

JavaScript的：

$(document).ready(function(){
    $("div").mouseenter(function(){
        $("div").fadeTo("fast", 1);
    });
    $("div").mouseleave(function(){
        $("div").fadeTo("fast", 0.25);
    });
});

Answer 1

您在html代码的头部缺少jQuery的脚本，请添加以下行：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

该行适用于您正在使用的HTML5，所以您没问题。如果您使用的是HTML 4或XHTML，则需要将其引用为：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

祝你好运。

jQuery在JS文件中不可用

1 个答案: