質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
パス

パス(path)はファイルシステムの場所(階層)を明示したものです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

2回答

2180閲覧

jQueryの読み込みについて

macg3n

総合スコア60

パス

パス(path)はファイルシステムの場所(階層)を明示したものです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

1クリップ

投稿2021/08/14 19:26

前提・実現したいこと

macを使ってます.
jQueryの読み込みを行う際についての質問です.

scriptタグ内でsrcでパスの指定をするときに,相対パスだと読み込めるのですが,絶対パスだと読み込みができないのですが,そういうものなのでしょうか?

該当のソースコード

以下のように絶対パスでsrcを指定するとCan't find variable: $となり,jQueryの読み込みができません.

<script src="/..jquery.min.jsまでのパス../jquery.min.js"></script> <script> $('#hoge').html('hoge') // -> Can't find variable: $ </script>

jquery.min.jsファイルを,jQeryを読み込みたいhtmlファイルと同じディレクトリに移して,以下のように相対パスで指定すると,エラーがなく読み込むことができています.

<script src="jquery.min.js"></script> <script> $('#hoge').html('hoge') // エラーなし </script>

相対パスでできますが,絶対パスでできないのが気になるので,質問させていただきます.よろしくお願いいたします.

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/08/14 20:42

「絶対パス」としているパスをもう少し詳しく記載してください。 またそのページへのアクセスURLも提示してください。
退会済みユーザー

退会済みユーザー

2021/08/16 02:27

質問者さん、無言ですが、回答が出ているのでそれらに対するフィードバックを書こう。役に立った、立たなかったぐらいはすぐ返せるのでは? 役に立たなかったならどこがダメだったのかを書くとより期待する回答に近いものが出てくるかも。とにかく無言は NG です。
guest

回答2

0

ベストアンサー

HTML

1<script src="/..jquery.min.jsまでのパス../jquery.min.js"></script> 2<script> 3 $('#hoge').html('hoge') 4 // -> Can't find variable: $ 5</script>

/ で始まっているなら絶対パス指定はできています。
相対パスでは実装できるようなので、パス指定が誤っているのでしょう。
同じパスを持つa要素を作り、リンク先に jquery.min.js が存在するか確認してください。

HTML

1<a href="/foo/bar/jquery.min.js">jquery.min.js</script> 2<script src="/foo/bar/jquery.min.js"></script>

リンク先のURLから「ルートディレクトリの位置」も逆算できるので、計算をやり直してください。

Re: macg3n さん

投稿2021/08/15 07:27

think49

総合スコア18189

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

macg3n

2021/08/16 18:02

的確な回答ありがとうございます.教えていただいた通りに同じパスを持つa要素を作成したところ,確かにNotFoundでした. パソコンのルートディレクトリとサーバのルートディレクトリを同じものだと思っていたことが原因でした.勉強になりました.
guest

0

scriptタグ内でsrcでパスの指定をするときに,相対パスだと読み込めるのですが,絶対パスだと読み込みができないのですが,そういうものなのでしょうか?

いえ、そういうものではありません。もしホントに絶対パスがダメなら CDN からリソースが取得できないじゃないですか。

試しに以下のように CDN から絶対パスで取得するようにしたらどうなりますか?

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"> </script>

質問者さんの言う「絶対パス」というのが何だか分かりませんが、ブラウザがその「絶対パス」が指すリソースにアクセスして取得できないのではないかと思います。

アクセス&取得に問題が無ければ、ブラウザのアドレスバーに「絶対パス」を入力して要求をかければ、応答が戻ってくるはずです。例えば、上のコードの src 属性に設定した url で試すと以下のようになります。

イメージ説明

質問者さんの「絶対パス」や上記の CDN の url で試してみてください。

投稿2021/08/14 22:44

編集2021/08/15 01:44
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

macg3n

2021/08/16 18:11

回答ありがとうございます. 質問がわかりづらかったようですみません. 絶対パスといえば,ルートディレクトリから指定したパスのことだと認識していましたが,いくつかの似たような表現があるのだとは知りませんでした.勉強になりました. ご指摘の通り,パスの指定が間違っていたようです.ありがとうございました.
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問