0

如果解决了我昨天遇到的所有问题，但是当我将文件拖到任何浏览器中时，它只会说“你好”并且根本不包含该元素，单击时它也不会隐藏。

我的索引.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>

样式表.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;
}

脚本.js

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

我将body标签向上移动以包含所有链接（如您在当前HTML文件中所见），但这并没有改变任何东西:(我很困惑。任何帮助将不胜感激。谢谢

4

2 回答 2

0

您可能将文件放在其他文件夹中。例如，包含您的文件的文件夹看起来像这样吗？：

MyWebsite
    scripts   <-- this is a folder
        jscript.js  <-- this file is in the "scripts" folder
    stylesheets
        stylesheet.css
    MyIndex.html

如果是这样，那么您需要更新您的<link>和<script>标签，使它们看起来像这样：

<link href="stylesheets/stylesheet.css" type="text/css" rel="stylesheet">
            ^^^^^^^^^^^^ <- this should be the name of the folder 
                              that your stylesheet lives in
<script type="text/javascript" src="scripts/jscript.js"></script>
                                    ^^^^^^^^

基本上，您需要将适当的文件夹添加到您的链接中：否则它们会指向错误的位置。

您可以通过点击[control][u]Chrome 来快速加载网页的源代码。然后，您将看到 JavaScript 和样式表 URL 作为链接。你可以点击这些来关注它们，看看它们是否正常工作。

您可以点击这些链接

于 2013-08-19T18:49:20.617 回答
0

<body> 元素应该只包含 <div> 元素。否则，您发布的代码似乎可以正常工作。检查以确保这个小提琴是你想要的。

html:

<div ID="contact">Hello</div>

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;
}

JavaScript：

$(document).ready(function(){
    $('#contact').click(function(){
        $(this).hide();
    });
});
于 2013-08-19T14:51:53.817 回答