0

这是我的主要代码：

<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(){});）

4

2 回答 2

2

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

假设您的 HTML 文件位于 中C:\Projects\summer，您可以使用相对路径引用子资源：

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

您可能还希望在您自己的脚本之前加载 jQuery，尤其是当它引用 jQuery 方法时。

于 2013-06-09T05:54:55.420 回答
0

好吧，对于初学者来说，您正在混合类 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>
于 2013-06-09T05:55:54.767 回答