インターネットに接続していないときのjQueryの操作

jQueryを初めて使用しています。 jQueryを使って作業しているときに、インターネット接続がなくても自分のWebページがうまく動作しているかどうかを確認するためにインターネットを切断しました。それは必要ではない何かを表示しました。ソースコードを見ると、次のように表示されます。インターネットに接続していないときのjQueryの操作

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

私はコードをダウンロードしてルートフォルダに保存しました。それでもうまくいきません。私はオフラインでjQueryで作業できるかどうかを知りたがっていますか？それが問題を作成

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

：私はこの行を削除する場合

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

：

は、ここに私のコードです。

jQueryをダウンロードしてデスクトップに保存しました。 HTMLファイルもデスクトップにあります。なぜそれが動作していないのか教えてください。

出典

2013-04-08 JavaCoding

ダウンロードしたファイルを参照するように参照を更新しましたか？ –

あなたはそれを自分でホストする必要があります – ShrekOverflow

あなたは本当にそれがインターネットから切断するときに動作すると思いますか？スタイルシートはキャッシュされていますので、ctrl + f5でリフレッシュしてみてください。それなら大丈夫です。ローカルで見たい場合は、すべてのアセットをダウンロードする必要があります。 –

はい、可能です。あなたはファイルをダウンロードしたとおっしゃいましたが、それは良い最初のステップですが、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>タグの直前に移動してください。

あなたのコードは、今のように（要するに、私は多くを入れていないことに注意してください）になります。base.cssとjquery.min.jsが正確なファイル名あることを確認して、再度

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

と.htmlファイル

出典

2013-04-08 06:18:54

を確認してください感謝あなたの答えは – JavaCoding

@albertxing素敵な答え、私はこれのような答えを書いていたが、あなたは1）私の前に2）良い答えと一緒に入った。非常に明確に説明されていますまた、jQueryライブラリのダウンロードについても触れました。 +1 – Jace

@Jaceありがとう、私は試してみる。 –

あなたがインターネットに接続されていない場合、それは動作しませんので

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

出典

2013-04-08 06:15:54 iConnor

おかげで動作しません@silentboy ..：D私の更新の質問あなたの答えのための – JavaCoding

何の問題を解答用 – iConnor

してください私の更新質問 – JavaCoding

のようなそれにダウンロードjQueryとリンク。ローカルで作業するには、jquery.jsをローカルディレクトリにコピーし、相対パスを与える必要があります。

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

出典

2013-04-08 06:16:01 Sandeep

感謝ので1 upvote – JavaCoding

をご確認 – JavaCoding

jqueryでオフラインで作業するには、jquery.jsファイルをコピーしてローカルのdirec toryとスクリプトタグでsrcを変更してください。

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

出典

2013-04-08 06:34:24 Neophile

私の更新された質問を確認してください – JavaCoding

ほとんどの解決策は、localhost経由でファイルを提供することです。この投稿はこれを詳細に説明しています。

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

出典

2016-02-01 17:56:03

-2

このソースを試してみてください：http://www.initializr.com/

それはあなたが新しいプロジェクトを始める支援するためにHTML5テンプレートジェネレータです。インターネットに接続されている場合、Web jqueryファイルを読み込むスクリプトがあります。インターネット接続がない場合は、ローカル接続が必要です。

乾杯。

出典

2017-05-05 07:14:49 Daniel

これは本当に問題に答えるものではありません@JavaCodingはとまっています。あなたが質問を注意深く読むと、彼はすでに彼がテンプレートを持っているのを見るでしょう。したがって、新しいテンプレートを初期化する必要はありません。 –

インターネットに接続していないときのjQueryの操作

答えて

関連する問題