17

私はjQueryにまったく慣れていません。jQuery を使用しているときに、インターネットを切断して、インターネットに接続していなくても Web ページが正常に機能するかどうかを確認しました。必要のないものを表示しました。ソースコードを見たところ、次のように表示されました。

<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

インターネットに接続していないと機能しません。ローカルで作業するには、jquery.js をローカル ディレクトリにコピーし、相対パスを使用する必要があります。

<script src="/jquery/1.5/jquery.min.js"></script>
于 2013-04-08T06:16:01.463 に答える
0

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

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

于 2016-02-01T17:56:03.767 に答える