Q&A
解決済
退会済みユーザー
総合スコア0
投稿2021/03/28 05:08
編集2021/03/28 13:02はじめまして、独学で自分のHPをつくっている者です
周りにプログラミングをしている人がいないので、
どうかお力添えをよろしくお願いいたします。
jQueryをつかって画像ポップアップの動きをしたいのですが
そもそも読み込まれていないようです。
WebSocket connection to 'ws://localhost:8125/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED createWebSocket @ VM9:1047 と Uncaught ReferenceError: jquery is not defined at gallery.js:1 (anonymous) @ gallery.js:1
が表示され、.jsのファイルを開いてみたところ
$(function(){
という一番最初に赤バツがついていました…
jQueryはダウンロード版（jquery-3.6.0.min.js）で
<head></head>内に <script type="text/javascript" src="jquery-3.6.0.js"></script> を記述、 <body></body>内最下部に外部ファイル(gallery.js)を読み込ませる <script type="text/javascript" src="gallery.js"></script> を記述しています。 あっているでしょうか？ サイトはサーバーにアップロードしておらず、ローカル（？）な状態でChromeでBracketsを使ってかいたものをプレビューしています。ネットに上がっているエラー時の対処法をあれやこれやしても消えません。
前者のエラーに関してはさっぱりわかりません。
どうか２つのエラーの意味を教えてください＞＜
Bracketsはリリース 1.14 ビルド 1.14.2-17770 (release-1.14.2 f71f00acc)
ここにより詳細な情報を記載してください。
回答2件
0
今回私がだしたエラーですが
●・jsで動かしたいhtmlにリンクしている、全てのhtmlページの<head></head>にjQuery本体
を記入したところ、エラーがなくなりました。
他のhtmlページはjsを必要とする箇所がないので書かなくていいものと思っておりましたし「全部にかこう！」とか記述しているサイトが１つもないので定かではありませんが、いちおうその方法で解決しました。
●WebSocketはサイトへの入口がないよ、という意味だったみたいでサーバーと契約し、接続したところエラーはなくなりました。ローカルだったからのようです。
●ちなみにVisual Studio Code(以下VSC)を使用してコードを書いていましたがVSCでのプレビュー機能ではクリックもjsも動きません。（拡張したらできるのかな？）
なのでローカル環境（サーバー契約していない個人PCのみでの環境）でプレビューする時には、Brackstsというエディタでプレビューしていました。
GoogleChromeでのプレビュー画面が開きます。（なおChromeアプリが入ってない場合はインストールから）SafariやFirefoxでもできるのかはわかりません。
無料でインストールできます。
見たいhtmlをBrackstsプレビューでした状態で、VSCで変更→保存するとBrackstsでもリアルタイムで書き換えられ、Chromeプレビュー画面で「再読み込み」すれば保存された内容が即座に反映されます。
なおBrackstsのプレビュー(電気マークみたいなの)を押してページは開いたけど真っ白で『chromeを再起動しますか』が出ている場合は、『キャンセル』→もういちど電気マークを押すと、プレビューされます。
以上が私がHPを作る上で四苦八苦した部分の備忘録です。
どなたかのお役に立てれば幸いです。
投稿2021/03/31 01:33
編集2021/03/31 02:01退会済みユーザー
総合スコア0
0
ベストアンサー
jQueryはダウンロード版（jquery-3.6.0.min.js）で
<head></head>内に <script type="text/javascript" src="jquery-3.6.0.js"></script>
ファイル名を一致させましょう。src="jquery-3.6.0.min.js" では?
WebSocket connection to 'ws://localhost:8125/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED
createWebSocket @ VM9:1047
WebSocketのサーバが動いていないかポート8125にアクセス制限がかかっていそうです。
投稿2021/03/30 05:25
編集2021/03/30 05:25
総合スコア21599
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。