Javascript firefox与js滑块的问题

我有这个滑块，它在IE和chrome中工作正常，但在firefox中有一个问题，它一次加载所有图片，但不会再次返回并加载它们，在控制台中我得到这个错误 setTimeout（func，900）行中的“SyntaxError:missing]after element lis”

这是密码

function pic_loader() {
    //alert('s');
    var func = new function () {}
    $folder = $('#foldername').attr('value');
    $files = document.getElementById('filename').value;
    $num = document.getElementById('num').value;
    $filenames = $files.split("##");
    var $img = [];
    var $link = [];
    if ($num > 1) {
        for ($i = 1; $i <= $num; $i++) {
            $img[$i] = $folder + "/" + $filenames[$i];
            if ($i == 1) {
                $link[$i] = "<img id='slide[" + $i + "]' width=380 src=" + $img[$i] + ">";
                $("#load_here").append($link[$i]);
                $first = document.getElementById('slide[1]');
                $first.style.display = "none";
                $($first).fadeIn(800);
            } else {
                $link[$i] = "<img id='slide[" + $i + "]' width=380 src=" + $img[$i] + " style='display:none'>";
                $("#load_here").append($link[$i]);
            }

        }
        $i = 1;
        var $loop = setInterval(function () {
            //alert('x');
            $j = $i + 1;
            $current = document.getElementById('slide[' + ($i++) + ']');
            $next = document.getElementById('slide[' + ($j) + ']');
            $($current).fadeOut(800, function () {
                $($next).fadeIn(800);
            });
            if ($j > $num) {
                $($next).fadeOut(800);
                setTimeout(func, 900);

                function func() {
                    clearInterval($loop);
                    $("#load_here").html("");
                    pic_loader();
                }

            }
        }, 4500);
    } else {
        $i = 1;
        $img[$i] = $folder + "/" + $filenames[$i];
        $link[$i] = "<img id='slide[" + $i + "]' width=380 src=" + $img[$i] + ">";
        $("#load_here").append($link[$i]);
    }
}

函数pic_loader（）{
//警报；
var func=新函数（）{}
$folder=$（'#foldername'）.attr（'value'）；
$files=document.getElementById（'filename'）.value；
$num=document.getElementById（'num'）。值；
$filenames=$files.split（“##”）；
var$img=[]；
var$link=[]；
如果（$num>1）{
对于（$i=1；$i$num）{
$（$下一个）.fadeOut（800）；
设置超时（func，900）；
函数func（）{
clearInterval（$loop）；
$（“#此处加载_”）.html（“”）；
picu加载器（）；
}
}
}, 4500);
}否则{
$i=1；
$img[$i]=$folder+“/”+$filenames[$i]；
$link[$i]=“”；
$（“#在此处加载_”）.append（$link[$i]）；
}
}

粘贴的代码中没有语法错误。它一定在别处。将它粘贴到JSFIDLE中，它不会抛出语法错误。

首先，

id

属性不能包含

[

或

]

字符

您可以使用

名称属性

就地od

id

或创建

id

如

幻灯片1、幻灯片2等。

使用

name

属性，可以使用如下函数：

$current=document.getElementsByName（'slide['+（$i++）+']）

这篇文章可以帮助你更多地了解你的问题