Fatal编程技术网

CSS/Javascript错误

javascript css

CSS/Javascript错误,javascript,css,Javascript,Css,如果修复了我昨天遇到的所有问题，但是当我将文件拖到任何浏览器中时，它只会说“你好”，根本不包含元素，单击时也不会隐藏 MyIndex.html <!DOCTYPE HTML> <HTML> <head></head> <body> <title>Mary Bishop</title> <link href="stylesheet.css" type="text/css" re

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

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>
jscript.js

$(document).ready(function(){
    $('#contact').click(function(){
        $(this).hide();
    });
});
我将body标记向上移动，以包含所有链接（如当前HTML文件中所示），但这并没有改变任何内容：（我很困惑。任何帮助都将不胜感激。谢谢，元素应该只包含元素。否则，您发布的代码似乎正常工作。请检查以确保这是您想要的

Html:

JavaScript:

$(document).ready(function(){
    $('#contact').click(function(){
        $(this).hide();
    });
});
您的文件可能位于其他文件夹中。例如，包含您的文件的文件夹是否与此类似：

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

MyWebsite

脚本从修复HTML开始。将标题、链接和脚本放在头部。尽管如此，它在这里仍然可以正常工作（Win7框中的FF16、Chrome28和IE10）。您使用的浏览器是什么？控制台中是否有任何错误？是否禁用了javascript？然后停止将文件拖到浏览器中，并设置适当的web服务器（查看XAMPP）。您昨天提到您正在使用Google Chrome。点击
[control][shift][j]
：这将打开开发人员控制台。如果您的页面有问题，它通常会在
控制台
选项卡下记录（看起来应该是这样的）。你看到那里有错误吗？是的！上面说无法加载我的stylsheet和javascript表。哇，这是一个非常有用的快捷方式。我不知道如何解决这个问题，但至少我现在知道它是什么。谢谢，克里斯！你是摇滚明星！我使用的是sublime text 2，所以包含我文件的文件夹是通过c/users/mary/mydocuments/and等等。我如何将它们缩小为我网站的一部分？如果看不到你的文件夹是什么样子，很难确定，但这个答案可以为你提供更多有关编写链接的详细信息：简而言之，你需要了解三个文件中的每一个文件彼此之间的相对位置。它们是在同一个文件夹中还是在不同的文件夹中文件夹？你能直接打开浏览器中的任何JavaScript或CSS文件吗？比如：？这是很棒的帮助，Chris，非常感谢。这些链接不起作用，所以我想知道如何将我的文件保存到计算机以外的其他地方，并使链接与我存储文件的位置相匹配。希望这能解决问题，并且我可以完成这个项目。谢谢你的时间和关注。你的帮助对我来说是无价的。

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



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



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



<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>
                                    ^^^^^^^^