0

昨日発生したすべての問題を修正した場合、ファイルをブラウザにドラッグすると、「こんにちは」と表示され、要素がまったく含まれず、クリックしても非表示になりません。

MyIndex.html

<!DOCTYPE HTML>
<HTML>
    <head></head>
    <body>
    <title>Mary Bishop</title>
    <link href="stylesheet.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
    <script type="text/javascript" src="jscript.js"></script>
            <div ID="contact">Hello</div>
        </body>
</HTML>

stylesheet.css

#contact {
    height: 100px;
    width: 100px;
    background-color: #517F8F;
    border-radius: 25px;
    border: 2px solid blue;
    text-align: center;
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
}

jscript.js

$(document).ready(function(){
    $('#contact').click(function(){
        $(this).hide();
    });
});

body タグを上に移動してすべてのリンクを含めましたが (現在の HTML ファイルでわかるように)、何も変わりませんでした :( 私はとても混乱しています。どんな助けも大歓迎です。ありがとう

4

2 に答える 2