サポート » 使い方全般 » bxsliderが突然動かなくなった

  • 解決済 mizugamiyuki

    (@mizugamiyuki)


    質問失礼します。

    WordPressのサイトにbxsliderを使用してスライド画像を使っており、今まで正常に動作していたのに突然動かなくなりました。
    おかしな点はページの移動の際、矢印の画像をクリックしてもページの切り替えができなくなってしまいました。
    特に何かのコードを変更したりプラグインを更新したりしておりません。
    JQueryは3.1.0を使用しています。
    またスマホの方は矢印の画像が表示されず、矢印があるであろう場所をタップするとページ送りができます。

    <head>内のコードは以下になります。

    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="http://sample.com/wp-content/themes/sample/jquery.bxslider/jquery.bxslider.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://v.com/wp-content/themes/sample/jquery.bxslider/jquery.bxslider.min.css">
    

    考えられる原因がお分かりになる方がいらっしゃいましたらご教授いただけますと幸いです。
    よろしくお願いいたします。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • CG

    (@du-bist-der-lenz)

    WordPress側で、プラグインの更新、コアの変更がなかったのなら、ブラウザ、スマホにバージョンアップがなかったのかを確認してはいかが。

    こんにちは

    ブラウザのデベロッパーコンソールに何かエラーが出ていないでしょうか。

    ブラウザ画面で「F12」を押下し、「コンソール」というタブを選択してみてください。

    トピック投稿者 mizugamiyuki

    (@mizugamiyuki)

    CG様
    ご解答ありがとうございます。

    ブラウザ、スマホにバージョンアップはしていないです。

    トピック投稿者 mizugamiyuki

    (@mizugamiyuki)

    munyagu様
    ご解答ありがとうございます。

    見てみたところ
    JQMIGRATE: Migrate is installed, version 1.4.1だけでした。
    こちらはなにかのエラーなのでしょうか?
    調べたところ
    JQMIGRATE: Migrate is installed, version 1.4.0はエラーではないと解釈しておりますがその解釈は正しいでしょうか?

    CG

    (@du-bist-der-lenz)

    ChromeやスマホのOSは自動更新にしていないということですか。それぞれのバージョンはいくつでしょうか。

    トピック投稿者 mizugamiyuki

    (@mizugamiyuki)

    自動更新にまで気が回っていませんでした。

    各バージョンは
    WordPress:4.9.7
    Chrome:67.0.3396.99(Official Build)(64 ビット)
    ios:11.4.1
    になります。
    WordPressとiosは手動なのでバージョンは変わっていません。
    Chromeは履歴を見る限り自動ではなさそうです。

    モデレーター のむらけい (Kei Nomura)

    (@mypacecreator)

    JQMIGRATE: Migrate is installed, version 1.4.0はエラーではないと解釈しておりますがその解釈は正しいでしょうか?

    はい、これは正しいです。

    念のため確認です。

    JQueryは3.1.0を使用しています。

    と記載しておられますが、WordPress内部で使用しているjQueryのバージョンは1.12.4です。

    3.1.0というのは自前で用意されたjQueryファイルでしょうか?
    もしかして、自前のjQueryとWordPress同梱のjQueryが二重読み込みになっているとエラーで動かない可能性はあります。この場合は自前で読み込んでいる方を削除してみてください。(ただ、これだと今まで動いていて「突然」動かなくなったことの説明はできないので、直接関係ないかもしれませんが…)

    もう一つ気になったのはこちらの動作です。

    またスマホの方は矢印の画像が表示されず、矢印があるであろう場所をタップするとページ送りができます。

    ページ送り自体は、ちょっと意図とは違うにせよできているとのことなので、スクリプトそのものがエラーになっているわけではないのかもしれません。
    JSは正常だけどCSSが崩れていて、本当のクリック領域と矢印の表示位置がずれている、ということはないでしょうか。
    実際に公開されているサイトであればURLを提示していただけると早いかもしれません。

    トピック投稿者 mizugamiyuki

    (@mizugamiyuki)

    mypacecreator様

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

    自前のjQueryを割くk所したところ解決しました!
    CSSの方も解決できました!

    CSSは自前のjQueryを消したことで治ったのかよくわかりませんが
    無事に解決できてよかったです。

    お忙しい中ご丁寧な解説ありがとうございました。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「bxsliderが突然動かなくなった」には新たに返信することはできません。