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

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

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

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

Q&A

0回答

883閲覧

Fancyboxが正常に動かない

YOD

総合スコア14

WordPress

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

0グッド

0クリップ

投稿2020/03/19 11:16

wordpressのプラグイン「Fancybox」を使用したいのですが、一瞬だけ正常に表示されるのですが、すぐに画像URLに飛びます。
何か原因わかる方おられますでしょうか。その他のプラグインを止めてみてもダメでした。

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

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

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

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

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

kokemomo.sour

2020/03/19 11:29

画像のリンク先は「メディアファイル」になっていますか?
YOD

2020/03/19 12:09

ご回答ありがとうございます。はい、なっています。 ちなみにテーマを変えてみると正常に動きます。 オリジナルのテーマで作成しているのですが、動かなくなったのは初めてなので苦戦しています。
kokemomo.sour

2020/03/19 12:36

なるほどですね。。 すいません、もう少しそのオリジナルテーマのコードなど詳しく知れれば調べようもあるのですが。。
YOD

2020/03/20 04:48

自分の書いているjQueryの書き方に問題があるのでしょうか、消してみると正常に動作しました。 例えば $(document).ready(function () { $('body').hide().fadeIn(500); }); のような感じで書いているのですが、wordpressでは$は使用しない方が良いとの記事もありました。 修正してみてもダメだったのですが...
marlboro_tata

2020/03/20 05:29

>wordpressでは$は使用しない方が良い 正確には、wordpressの「wp-includes」フォルダに含まれているjQueryファイルを利用している場合は、jQuery関係のコードは「カプセル化」しないと動かない、です。$使うな、では、ないです。 ・・・と、言いつつ、なぜそれが必要なのかについては、よく知らないです。 WPの過去の公式テーマ(twentysixteen)で、同梱のjQueryを利用しているJSファイルに書いてある方法なら動くだろう、と思って、もっぱらその方法を真似して使っています。(なので、なぜそういう書き方なら上手くいくのかも、わかっていないです) 具体的には下記のようなものです。 ( function( $ ) {//消さない //以下にjQueryを書く $(document).ready(function () { $('body').hide().fadeIn(500); }); } )( jQuery );//消さない
YOD

2020/03/20 07:37

邪魔しているjQueryがわかりました。 これから原因を探ってみようかと思います。 kokemomo.sourさん、marlboro_tataさん、大変ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問