
【jQuery】bxsliderの挙動がおかしい時は、最新バージョンを試してみる
この記事内で紹介する商品等のリンクには、アフィリエイトシステムが使用されています。記事内のリンクを経由して商品が購入されることで、僕に収益が入ることがあります。
ただし、メーカーから商品を提供されたり、報酬を得て記事を書くことはありません。実際に使用した商品を公平な立場でレビューしております。詳しくは、「このサイトのこと」をお読みください。
短いお仕事ネタです。自分への備忘録。
お仕事でbxsliderを使って、スライダーを実装したのですが、どうしても挙動がおかしくて。
「無限ループするはずの要素が、最後までいったら止まってしまったり」「なぜか縦に次の要素が並んだり」「そして無限ループする時も、そのまま流れるのではなく”早戻し”みたいな感じでせわしくなく1枚目に戻ったり」。
最初は、複数のスライダーを1ページに詰め込んでるからかなと思って。クラス名を1つずつ変えてみたり、囲み方変えてみたり。optionを色々追加してみたり。liの中に画像だけじゃくて、他の要素も入れてるせいなのかな、とか半日分ぐらいの時間、悪戦苦闘しておりました。
そうしたら、なんとなんと、bxsliderのバージョンが原因だったみたいです。質問サイトで、”早戻し”現象について質問されている方がいて、それに対して「最新バージョンだと起こってないよ」という回答が「ベストアンサー」になっていたので、もしやと思って試してみたら、なんと解決!
今回の仕事、既存サイトへの追加案件だったため、既存のjsフォルダがあって、そこにbxsliderがもともとあったので、このスライダーを使用することにしたのですが。それが間違いだったようで。バージョン見たら、微妙にちょっと古かったので、試しに最新バージョンのbxsliderをダウンロードしてみたら、なんとすべての問題があっさり解決。おいおいおいおい!w この時間はなんだったのだ。w
bxsliderがうまく動かないと苦戦しておられる方。試しに最新バージョン使ってみてください!すべて解決するかもです。