Archives

You are currently viewing archive for March 2011

jquery.bxSliderのIE7でのバグというか注意


jqueryを利用したコンテンツスライダーのプラグインであるbxSlider。このbxSliderは多くのブラウザでほぼ問題なくキレイに動作するのだが、IE7で利用する場合はソースコードのオプション指定に気をつけなくてはいけない。
bxSliderのIE7でのバグといってしまうには問題があるが、bxSliderのオプション指定の記載において最後に指定したオプションの後にコンマをうってしまうとIE7では全く動作しなくなってしまうので注意が必要。
記載にミスがあると、動作しないのと同時に表示とレイアウトがおかしくなるのだが、水平並べの指定なのに垂直に積み上がってしまったり、next、prevボタン等も表示されなくなるので、原因に気づかないうちはIE7のCSS解釈のバグが原因なのかとあれこれいじくり回してドツボにはまってしまうと思うので注意して下さい。

動作しなくなる例
$(document).ready(function(){
$('#slider2').bxSlider({
speed: 1000,
pause: 8000,
auto: true,
});

動作する例
$(document).ready(function(){
$('#slider2').bxSlider({
speed: 1000,
pause: 8000,
auto: true
});

jquery.bxSlider