Question

这是我的主要代码：

<html>
    <head>
        <title></title>
        <link rel='stylesheet' type='text/css' href='C:\Projects\summer\css\style.css'>
        <script type='text/javascript' src='C:\Projects\summer\js\script.js'></script>
        <script src="C:/Projects/summer/js/jquery.js"></script>
    </head>
    <body>
    <p id="paragraph">Using jQuery</p>
    <script>
    window.onload = function() {
        alert( "welcome" );
    }
    </script>
    </body>
</html>

屏幕警报的内联脚本有效，但以下代码无效。

$(function () {
    $('#paragraph').click(function () {
        $(this).hide();
    });
});

这是我第一次尝试在网站上使用jQuery（来自jQuery的压缩版本1.10.1），并且在尝试/研究了几天之后，我无法让它工作。（我也尝试将代码包装在$(document).ready(function(){});）

中

Answer 1

您用于子资源的链接（例如src='C:\...'）不正确。 HTML中不使用此路径语法。

假设您的HTML文件位于C:\Projects\summer，您可以参考具有相对路径的子资源：

css/style.css
js/script.js
js/jquery.js

您可能还希望在自己的脚本之前加载jQuery，特别是如果它引用了jQuery方法。

Answer 2

嗯，对于初学者来说，你正在混合类UNIX路径和Windows路径。你真的不应该使用绝对路径。假设此文件本身位于summer目录中：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel='stylesheet' href='css/style.css'>
        <script src="js/jquery.js"></script>
        <script src='js/script.js'></script>
    </head>
    <body>
    <p id="paragraph">Using jQuery</p>
    <script>
    window.onload = function() {
        alert( "welcome" );
    }
    </script>
    </body>
</html>

无法实现jQuery

2 个答案: