質問編集履歴

1 一部追記

y.shima41

y.shima41 score 11

2015/11/20 20:03  投稿

jQuery:bxsliderのIE9以前のバグ
プログラム初心者です。
WEBサイトの構築にbxsliderを使用していますが、
ブラウザチェックにてIE9以前でのみ、「スライドが途中で止まる」というバグが起きています。
色々調べて試してみたのですが、
やはり自力で改善できず…アドバイスいただけないでしょうか。
Javascriptに関してまだ知識が浅い為、初歩的なミスでしたらすみません。
記述はこのようにしています。
```HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
</head>
<body>
<div class="l_slide">
<div class="bx-wrapper">
<div class="bx-viewport">
<ul class="bxslider">
<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
</ul>
</div>
</div>
</div><!--//l_slide-->
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
 auto: true,
 pause: 4800,
 speed: 1000,
 autoHover:true
});
});
</script>
</body>
</html>
```
CSSはデフォルトの「jquery.bxslider.css」に下記内容をプラスしているだけです。
```CSS
.l_slide{
   width:1000px;
   display:block;
   margin:10px 0 60px;
}
ul.bxslider li a img{
   width:1000px;
}
ul.bxslider li a:hover{
   opacity:0.7;
   filter:alpha(opacity=70);
   -ms-filter:"alpha( opacity=70 )";
}
```
ちなみに開発者ツールで確認したら、デフォルトの「jquery.bxslider.min.js」の一部にエラーメッセージが出ていました。
ちなみに開発者ツールで確認したら、デフォルトの「jquery.bxslider.min.js」の一部に下記のようなエラーメッセージが出ていました。
> SCRIPT5002: 関数を指定してください。ファイル: jquery.bxslider.min.js、行: 10、列: 11770
これも何か影響しているのでしょうか。
 
 
どうぞよろしくお願い致します。
  • JavaScript

    21041 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11912 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    7820 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • jQuery

    8377 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る