9件の返信を表示中 - 1 - 9件目 (全9件中)
  • 使用されているプラグインは
    https://wordpress.org/plugins/fancy-box/
    こちらでしょうかね。

    他のプラグインに変更しても同じですか?
    https://wordpress.org/plugins/responsive-lightbox/
    https://ja.wordpress.org/plugins/fancybox-for-wordpress/
    https://wordpress.org/plugins/easy-fancybox/

    ページを拝見したところたくさんのJSファイルが見つからなかったり(404エラー)、複数のjQueryが読み込まれたりしています。
    読み込むファイルを精査して、エラーを解消するところから始めたほうが良いかと思います。

    wp_enqueue_scriptを使うことでファイルを重複して読み込むことを防げます。

    https://wpdocs.osdn.jp/関数リファレンス/wp_enqueue_script

    トピック投稿者 hooplanore

    (@hooplanore)

    ご回答ありがとうございます!!

    他のプラグインもダメでした。。。
    jQueryを理解できていなく設定しているのでもっと勉強が必要ですね。。。

    wp_enqueue_scriptを調べてみます。

    easy fancy boxでしたら私も同様の不具合が出ておりました。
    (ほとんど組み込み終わっていた状態なのでなるべく触りたくなかった状態)
    本来であればikaringさんのいうように wp_enqueue_scriptで書くべきですが
    もしかしたらデベロッパーバージョンで治るかもしれません。

    https://wordpress.org/plugins/easy-fancybox/developers/
    こちらの
    Other Versionsの
    Development Version(svn)
    をダウンロード、解凍して手動でプラグインディレクトリにアップロード

    トピック投稿者 hooplanore

    (@hooplanore)

    すみません。。。試してみたのですが、だめでした。。。
    アドバイスありがとうございます。

    トピック投稿者 hooplanore

    (@hooplanore)

    Uncaught ReferenceError: $ is not defined
    の意味を教えていただけますか?

    下記の意味は$が定義されてませんということです。

    Uncaught ReferenceError: $ is not defined

    WordPressではjQueryの$をそのまま使えないんです。コンフリクト回避のためなのですが、理由は下記記事が分かりやすいと思います。
    http://kachibito.net/web-design/wordpress-with-jquery.html

    記事中にもありますが、カプセル化してやるのが早いです。

    (function($){
      $("document").ready(function(){
        $('.flexslider').flexslider();
        $('.flexslider');
        $('.flexslider .slides li img');
      });
    })(jQuery);

    トピック投稿者 hooplanore

    (@hooplanore)

    Ikaringさま、ありがとうございます。
    読み込むファイルを見直したところ正常に動くようになりました!!
    上記のアドバイスもありがとうございます!!!

    トピック投稿者 hooplanore

    (@hooplanore)

    解決しました★

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「fancyboxのクローズボタン」には新たに返信することはできません。