Javascript 没有Internet连接时使用jQuery_Javascript_Jquery_Css

Javascript 没有Internet连接时使用jQuery

javascript jquery css

Javascript 没有Internet连接时使用jQuery,javascript,jquery,css,Javascript,Jquery,Css,我对jQuery完全陌生。在使用jQuery时，我断开了互联网连接，以检查我的网页在没有互联网连接的情况下是否工作正常。它显示了一些不需要的东西。当我看到源代码时，它显示： <link rel="stylesheet" href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1"> 所以我下载了代码并保存在我的根文件夹中。但它仍然不能很好地工作。我想知道我们是否可以在脱机时使用jQuery 这

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

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


家
尝试{Typekit.load（）；}catch（e）{}

当我删除此行时：

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

这就产生了一个问题

我已经下载了jQuery并保存在桌面上。HTML文件也在桌面上。请告诉我为什么它不工作。

下载jquery并像这样链接到它

<script src="js/jquery.js"></script>
<link rel="stylesheet" href="css/jquery.css">

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

<script src="/jquery/1.5/jquery.min.js"></script>

是的，这是可能的。您提到您下载了该文件-这是一个很好的第一步，但您还必须更改所有

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库的脱机版本：
下载，将其放入根文件夹并引用：

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

如果您希望它位于子目录中：

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

请记住，这两个文件都需要脱机并在您的本地工作目录中。这意味着您不能删除样式表或jQuery JS库。以我上面提到的本地格式保存它们
此外，将
标记放在
中是不好的做法；将其移到
标记之前

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

。。。 ... ... ...

同样，确保
base.css
和
jquery.min.js
是确切的文件名，并且与此
.html
文件在同一文件夹中
要脱机使用jquery，只需复制jquery.js文件并将其放在本地目录中，然后在脚本标记中更改src

<script src="/path/jquery.min.js"></script>

最有效的解决方案是通过本地主机为文件提供服务。这篇文章详细解释了这一点

尝试以下来源：
它是一个HTML5模板生成器，帮助您开始一个新项目。如果存在internet连接，则有一个脚本加载web jquery文件。如果没有Internet连接，则使用本地连接

干杯。
更新了您的引用以指向下载的文件吗？您需要自己托管它。您真的认为当您断开与internet的连接时，它可以工作吗？样式表是缓存的，因此可以使用ctrl+f5刷新。如果这样就好了，那就真的好了。如果你想在本地看到它，那么你应该下载所有的资源。@silentboy当它没有连接到服务器时，它不工作internet@albertxing回答得很好，我正写着一个这样的答案，但你比我先得到了一个更好的答案。解释得很清楚。您还提到下载jQuery库+1@JavaCoding-更新答案，记住将两个文件都保存在本地文件中。@如果两个文件都在桌面上。如果可能，请您更改我发布的代码。是否可以在线和离线嵌入jquery@it is！只要下载了jQuery，在脚本标记中本地引用它应该可以脱机或联机使用。不确定这是否是你问的@abhishekt这并不是真正回答@JavaCoding所遇到的问题。如果你仔细阅读这个问题，你会发现他已经有了一个模板。因此，无需初始化新模板。
<script src="/path/jquery.min.js"></script>