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

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

新規登録して質問してみよう
ただいま回答率
85.46%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

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

Q&A

解決済

1回答

4062閲覧

WordPressでjsファイルが読み込めない

a-i.0

総合スコア7

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

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

0グッド

0クリップ

投稿2020/05/01 11:25

編集2020/05/01 11:31

困っていること

WordPressでオリジナルテーマを用いてサイトを構築しており、jsファイルが読み込めず困っています。
エラーの内容:undefined is not a function (near '...$...')

functions.phpは下記のとおりです。

php

1<?php 2 3function my_scripts() { 4 wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array( 'jquery' ), '1.0.2', true ); 5 } 6 add_action( 'wp_enqueue_scripts', 'my_scripts' );

header.phpには<?php wp_head(); ?>を記述しています。

php

1<head> 2 <meta charset="utf-8"> 3 <title> 4 <?php 5 if ( !is_home() ){ 6 wp_title('-', true, 'right'); 7 } 8 bloginfo('name'); 9 ?> 10 </title> 11 <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/normalize.css"> 12 <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/style.css"> 13 <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> 14 <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500|Roboto:400,500&display=swap" rel="stylesheet"> 15<?php wp_head(); ?> 16</head>

こちらの記事を参考にしました
https://haniwaman.com/load-css-js/

わかる方いらっしゃいましたら教えていただきたいです。
よろしくお願いいたします。

試したこと

同じようにfunction.phpにwp_enqueue_styleを用いて記述したところ、cssファイルは読み込む事ができました。

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

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

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

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

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

guest

回答1

0

ベストアンサー

出力されたHTML(ブラウザで「ページのソースを表示」)を確認してみてください。script.js自体は読み込めていませんか?
その上でundefined is not a functionならscript.jsの中身に問題があるのでは。

投稿2020/05/01 12:30

kei344

総合スコア69458

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

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

a-i.0

2020/05/01 13:49

確認したところ、ファイル自体は読み込めているようです。
kei344

2020/05/01 13:50

では表題にある「WordPressでjsファイルが読み込めない」は解決しています。次は別の問題である「jsのエラー」を対処すればよいです。
a-i.0

2020/05/01 14:12

jsファイルを見ればいいんですね! 勘違いしてずっとfunctions.phpを見てました???? 明日またjsファイルを見てみようと思います。 ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.46%

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

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

質問する

関連した質問