0

以下は私のHTML、css、JavaScriptです。誰かが私がどこで間違っているのか見ることができますか?注:JavaScriptは、HTMLと同じファイルではなく、別のファイルで作成します。

関数を実行させるために、jQueryファイルに追加のリンクまたはコードを追加する必要がありますか?

HTMLコード:

<!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);
    });
});
4

1 に答える 1

3

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>

コーディングで頑張ってください。

于 2013-03-08T23:28:13.430 に答える