17

我对 jQuery 完全陌生。使用 jQuery 时，我断开了 Internet 以检查我的网页在没有 Internet 连接的情况下是否可以正常工作。它显示了一些不需要的东西。当我看到源代码时，它显示：

<link rel="stylesheet" href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1">

所以我下载了代码并将其保存在我的根文件夹中。仍然无法正常工作。我们可以在离线时使用 jQuery 吗？

这是我的代码：

<!doctype html>

<!-- [if IE 7 ]>                  <html class="no-js ie ie7 lte7 lte8 lte9" lang="en-US"> <![endif] -->
<!-- [if IE 8 ]>                  <html class="no-js ie ie8 lte8 lte9" lang="en-US"> <![endif] -->
<!-- [if IE 9 ]>                  <html class="no-js ie ie9 lte9>" lang="en-US"> <![endif] -->
<!-- [if (gt IE 9)|!(IE)]> <!-- > <html class="no-js" lang="en-US"> <!--<![endif] -->

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title> Home</title>
        <meta name="author" content="jQuery Foundation - jquery.org">
        <meta name="description" content="jQuery: The Write Less, Do More, JavaScript Library">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1">
        <script src="jquery.min.js"></script>
        <!--[if lt IE 7]><link rel="stylesheet" href="css/font-awesome-ie7.min.css"><![endif]-->
        <script>try{Typekit.load();}catch(e){}</script>
        <meta name="generator" content="WordPress 3.5.1" />
    </head>

    <body>
        <!--[if lt IE 7]>
        <p class="chromeframe">You are using an outdated browser.
        <a href="http://browsehappy.com/">Upgrade your browser today</a>
        or <a href="http://www.google.com/chromeframe/?redirect=true">install
        Google Chrome Frame</a> to better experience this site.</p>
        <![endif]-->

        <header>
            <section id="global-nav">
                <nav>
                    <div class="constrain">
                        <ul class="links">
                            <li><a href="home.jsp">Home</a></li>
                            <li class="dropdown"><a href="CreatPatient.jsp">Patient</a>
                                <ul>
                                    <li><a href="CreatePatient.jsp">Create Patient</a></li>
                                    <li><a href="Edit Patient">Edit Patient</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="Appointments.jsp">Appointments</a>
                                <ul>
                                    <li><a href="CreateAppointments.jsp">Create Appointments</a></li>
                                    <li><a href="EditAppointments.jsp/">Edit Appointments</a></li>
                                </ul>
                            </li>
                            <li class="dropdown"><a href="#">Reports</a>
                                <ul>
                                    <li><a href="PreOperative.jsp">Pre Operative</a></li>
                                    <li><a href="IntraOperative.jsp">Intra Operative</a></li>
                                    <li><a href="PostOperative.jsp">PostOperative</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </nav>
            </section>
        </header>
    </body>

</html>

当我删除这一行时：

<link rel="stylesheet" href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1">

它产生了一个问题。

我已经下载了 jQuery 并保存在桌面上。HTML 文件也在桌面上。为什么它不起作用？

4

6 回答 6

22

是的，这是可能的。您已经提到您下载了文件 - 这是一个很好的第一步，但您还必须更改所有href和src引用。

例如，

<link rel="stylesheet" href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1">

应该成为

<link rel="stylesheet" href="base.css">

还要记得获取 jQuery JS 库的离线版本：
下载jquery.js，将它放在你的根文件夹中并引用它：

<script src="jquery-1.9.1.min.js"></script>

如果你想要它在一个子目录中：

<script src="[subdirectory-name]/jquery-1.9.1.min.js"></script>

请记住，这两个文件都需要脱机并位于您的本地工作目录中。这意味着您不能删除样式表或jQuery JS 库。以我上面提到的本地格式保留它们。

此外，将<script>标签放入<head>是不好的做法；</body>而是将它移到标签之前。

您的代码现在应该看起来（简而言之，请注意我没有放太多）：

...
<html class="no-js" lang="en-US">
<head>
    ...
    <link rel="stylesheet" href="base.css">
    ...
</head>
<body>
    ...
    <script src="jquery.min.js"></script>
</body>
</html>

再次确保base.css和jquery.min.js是确切的文件名，并且与该文件位于同一文件夹中.html

于 2013-04-08T06:18:54.543 回答
2

下载 jQuery 并像这样链接到它：

<script src="js/jquery.js"></script>
<link rel="stylesheet" href="css/jquery.css">
于 2013-04-08T06:15:54.927 回答
2

如果您没有 Internet 连接，它将无法工作。要在本地工作，您应该将 jquery.js 复制到本地目录并使用相对路径。

<script src="/jquery/1.5/jquery.min.js"></script>
于 2013-04-08T06:16:01.463 回答
2

要使用 jQuery 离线工作，只需复制 jquery.js 文件并将其放在本地目录中。在 script 标签中，更改src属性：

<script src="/path/jquery.min.js"></script>
于 2013-04-08T06:34:24.340 回答
0

最好的解决方案是通过 localhost 提供文件。这篇文章详细解释了这一点。

http://www.wingoku.com/2016/02/accessing-javascriptjquery-script-files.html

于 2016-02-01T17:56:03.767 回答
-2

尝试Initializr。

它是一个 HTML5 模板生成器，可帮助您开始新项目。如果有 Internet 连接，则有一个脚本可以加载 Web jQuery 文件。如果没有任何 Internet 连接，则使用本地连接。

于 2017-05-05T07:14:49.227 回答