jQuery:bxsliderのIE9以前のバグ

プログラム初心者です。
WEBサイトの構築にbxsliderを使用していますが、
ブラウザチェックにてIE９以前でのみ、「スライドが途中で止まる」というバグが起きています。

色々調べて試してみたのですが、
やはり自力で改善できず…アドバイスいただけないでしょうか。
Javascriptに関してまだ知識が浅い為、初歩的なミスでしたらすみません。

記述はこのようにしています。

HTML
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<meta http-equiv="Content-Script-Type" content="text/javascript" />
6<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
7<script src="js/jquery.bxslider.min.js"></script>
8</head>
9
10<body>
11<div class="l_slide">
12<div class="bx-wrapper">
13<div class="bx-viewport">
14
15<ul class="bxslider">
16<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
17<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
18<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
19<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
20<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
21<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
22<li><a href="#" target="_top"><img src="index/img/main.jpg"></a></li>
23</ul>
24
25</div>
26</div>
27</div><!--//l_slide-->
28
29<script type="text/javascript">
30$(document).ready(function(){
31$('.bxslider').bxSlider({
32  auto: true,
33  pause: 4800, 
34  speed: 1000, 
35  autoHover:true
36});
37});
38</script>
39
40</body>
41</html>

CSSはデフォルトの「jquery.bxslider.css」に下記内容をプラスしているだけです。

CSS
1.l_slide{
2	width:1000px;
3	display:block;
4	margin:10px 0 60px;
5}
6
7ul.bxslider li a img{
8	width:1000px;
9
10}
11
12ul.bxslider li a:hover{
13	opacity:0.7;
14	filter:alpha(opacity=70);
15	-ms-filter:"alpha( opacity=70 )";
16}

ちなみに開発者ツールで確認したら、デフォルトの「jquery.bxslider.min.js」の一部に下記のようなエラーメッセージが出ていました。

SCRIPT5002: 関数を指定してください。ファイル: jquery.bxslider.min.js、行: 10、列: 11770

これも何か影響しているのでしょうか。
どうぞよろしくお願い致します。

行動規範の内容に同意します

回答1件

bxsliderには、特に古いバージョンのInternet Explorerでの動作の不具合があるようで、それが原因かと考えられます。一度、以下の項目を確認してみていただけませんか？

jQueryのバージョンとbxsliderのバージョンがあっているか。
$(document).ready(function(){}をjQuery(document).ready(function($){に変更してみて変化はないか。
指定しているjavascript, cssは正常に読み込まれているか。
もし他に記述しているコードがあれば、それが影響していないか。

もしも、問題が改善しなかった場合は他のプラグインを利用してみると良いと思います。