Loco-net.org

ホンディの日々の思うことやWebのメモ書きなど(ジャンルに特科はしておりません)

Webのこと

jquery.bxslider使用時の注意メモ

ぃゃぁ、ハマった。
ハマったのでメモしておこうかと。

この度、結構簡単に設置でき、横方向、縦方向、フェードにも対応しているスライダーで且つレスポンシブWebにも対応している優れもの、とのことで、使用させていただきました。
bxslider←公式サイト
jqueryスライドショー「bxslider」の使い方まとめ←まとめサイト

設置自体は、いろんなサイトにも記載してあるし、ってか何より本当に簡単だった。
すばらしい!と思ってブラウザチェック。
。。。
。。。
。。。
ie7で全く実装されていない

え?なんで?
ってか普通に縦に画像が並んじゃってる。
これie7非対応なんだっけ??

いや、他に使ってるサイトはie7でも実装されている。
確実にアタシが何かミスってる。しかし他は全部問題なく実装できてるし、idの他のバージョンでは動いてるし・・・何なの?
ドツボにハマること数時間。

ようやく発見したのが「option設定の記述の最後にカンマを付けるとie7で動かなくなる」というもの。はぁ?的な。

[ie7で動かなくなる記述]
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true
captions:true,
responsive:true,
});
});


[ie7で動く記述]
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true
captions:true,
responsive:true
});
});


一瞬、「え?」と違いがわからないくらいじゃないですか?
本当にハマったわー。
同じカテゴリ内最新記事