• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

FOXWP

WordPressの始め方と使い方をわかりやすく解説!

  • HOME
  • WordPressブログの始め方
  • おすすめテーマ
  • おすすめプラグイン
  • お問い合わせ
FOXWP / WordPress / エラー・トラブル / WordPressでJQueryが動作しない原因と対処法

WordPressでJQueryが動作しない原因と対処法

2020年2月29日 2020年4月13日

WordPressでJQueryが動作しない時に確認すべきポイントと対処法をまとめています。

JavaScriptやJQueryの教科書のサンプルコードをWordPressで動かそうとして、動かないと悩んでいる方の参考になれば幸いです。

目次 非表示
1 WordPressでJQueryが動作しない原因
1.1 ①「$」が関数として定義されていない
2 WordPressでJQueryが動作しない時の対処法
2.1 JQueryオブジェクトの呼び出し方法を変える

WordPressでJQueryが動作しない原因

WordPressでJQueryが動作しない原因を解説します。

①「$」が関数として定義されていない

Webページの動作が想定通りに動かない時には、Webコンソールを確認するでしょう。

その際に次のエラーが出ている場合は、これが動作しない原因になっているでしょう。

$ is not a fucntion

TypeErro: $ is not a fucntionというエラー内容です。

これはその直訳通り、「$」が関数として定義されていないということです。

私の場合は、次のJQueryオブジェクトの呼び出し方法をJavaScriptファイルに記載している場合に表示されました。

$(function(){
  /* 処理内容 */
});

教科書には、この書き方で載っているものも多いです。

しかし、WordPressで使用されるJQueryファイルの最後に記載されている次の1行が問題を引き起こしています。

jQuery.noConflict();

このnoConflict()は、複数のファイルにより「$」が使用された場合に衝突を回避するためのものです。

noConflict()が記載されている場合、「$」を宣言しなおす必要があります。

WordPressでJQueryが動作しない時の対処法

WordPressでJQueryが動作しない時の対処法です。

JQueryオブジェクトの呼び出し方法を変える

次のようにJQueryオブジェクトの呼び出し方法を変えましょう。

jQuery(function($){
  /* 処理内容 */
});

これでそのJavaScriptファイルの中で、「$」をJQueryオブジェクトとして利用できるようになります。

困った時は?
ココナラでWordPress関係の依頼・相談を行うことが可能です。個人やフリーランスに依頼できるので気軽かつお得にできます。デザインのカスタマイズから、トラブル対応までお気軽に相談してみてください。ココナラで相談してみる

カテゴリー:エラー・トラブル

WordPress初心者の方に読んで欲しい記事

  • あとで後悔しない!WordPress初期設定の基本事項
  • 安全にサイトを運営しよう!WordPressセキュリティ対策の基本マニュアル

おすすめプラグイン

WordPressプラグイン「TablePress」の使い方

WooCommerceの設定方法と使い方

LuckyWP Table of Contentsの使い方と設定方法

【2018年版】コメント機能を改善するおすすめWordPressプラグイン

【2020年版】コメント機能を改善するおすすめWordPressプラグイン

おすすめテーマ

女性向けおしゃれなWordPressブログテーマ特集

【女性向け】おしゃれでかわいいWordPressブログテーマ特集!

ポートフォリオ向けWordPressテーマ

ポートフォリオ向けWordPressテーマ|魅せるギャラリーが簡単にできる

アイキャッチ画像不要のWordPressテーマ

WordPressでアイキャッチ画像を表示したくないならZEROがおすすめ!

おすすめ企業サイト向けWordPressテーマ

さっとクオリティの高い企業サイトを作成できるWordPressテーマ特集

Previous Post: « WordPressでCSSが反映されない原因と対処法
Next Post: エックスサーバーでアダルトサイトを運営できない理由は?見つかった場合は利用停止の処置 »

Primary Sidebar

当サイトの利用テーマ

Genesis Theme Framework for WordPress
詳しく見る

世界で一番利用されているWordPressテーマ

Divi WordPress Theme
詳しく見る

あなたの悩みは?

WordPress
セキュリティ
WordPress
トラブル
アクセスアップアフィリエイト
おすすめASP

カテゴリー

  • WordPress
    • WordPressのSEO対策
    • WordPressのセキュリティ対策
    • WordPressの使い方
    • エラー・トラブル
    • カスタマイズ
  • WordPressテーマ
    • Divi
    • おすすめテーマ
    • テーマカスタマイズ
  • WordPressプラグイン
    • プラグインカスタマイズ
  • WordPress入門講座
  • WordPress設定関連
  • お役立ち情報
    • メモ
  • アフィリエイト
    • Amazonアフィリエイト
  • ドメインレジストラ
    • お名前.com
  • レンタルサーバー
    • ColorfulBox
    • mixhost
    • さくらのレンタルサーバー
    • エックスサーバー
    • エックスフリー
    • ロリポップ!
  • 便利ツール
    • PBN Lab
    • Rank Tracker
WordPress学習方法
トップページへ

プライバシーポリシー|お問い合わせ
Copyright © 2021 FOXWP All rights reserved.