Question

我试图将jquery和css文件链接到某些HTML并且我没有运气。页面的CSS没有在我的浏览器（Chrome）中设置任何样式。此外，我已经尝试将脚本标签放在正文和头部（我知道这是不好的风格，我只是想尝试）而且我的脚本中有console.log（）s记录任何内容，以便我知道它们没有正确链接。任何人都可以告诉我为什么这不是表现吗？

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="WLE.css">
        <title>w/Way Less Effort</title>
    </head>

    <body>
        <img id="logo" src="WLE.jpg">
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
            console.log("pre-fade");
            $(document).ready(function() {
                console.log("fading out");
                $("#logo").fadeOut("slow");
            });
        </script>
    </body>
</html>

Answer 1

用上面的body标签替换脚本：P css链接很好但是css不起作用或者名字不像你写的那样。

    <script type="text/javascript">
    alert("Ist work");
    </script>

但是，如果我看到好的话，这项工作。 http://jsfiddle.net/2Fv8f/

Answer 2

我认为你的代码是正确的你的文件css应该是nam＆＃34; WLE.css＆＃34;我的意思是大写字母，应与此html文件在同一目录中。对于JQuery，它正确链接，它对我的工作和Img在我的测试中淡出。并且为了测试您的链接文件（images，css，js），您可以使用您编写的任何代码执行此操作。转到Chrome中的页面，然后：

Click right > Inspecte element > Network (Tab)：

并刷新页面如果任何图像或文件没有正确链接，它将显示为红色。尝试，你会看到。我希望这会对你有所帮助。

HTML不链接脚本或样式表

2 个答案: