js滑块的firefox问题
firefox issue with js slider
我有这个滑块,它在IE和chrome中运行良好,但在firefox中有问题,它一次加载了所有图片,但没有再次返回并加载它们,在控制台中我得到了这个错误setTimeout(func,900)行中的元素lis后的"SyntaxError:missing]"
这是代码
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]);
}
}
粘贴的代码中没有语法错误。它一定在别处。将其粘贴到jsfiddle中,不会引发语法错误。
首先,id
属性不能包含[
或]
字符。
您可以使用name atrribute
代替id
,也可以像创建slide_1,slide_2,....
一样创建id
使用name
属性,可以使用以下函数:$current = document.getElementsByName('slide[' + ($i++) + ']');
这篇文章可以帮助您了解更多关于使用jQuery或纯Javascript 访问HTML输入文本框数组的问题
相关文章:
- Firefox奇怪的问题
- Firefox事件.目标问题
- 如果选项被禁用,则多个下拉菜单会导致FIREFOX出现问题
- firefox中的Javascript事件范围问题
- Firefox 15中的HTML5问题
- jQuery - 与 Firefox 的兼容性问题
- 我的Firefox插件和跨域https存在问题
- 俄罗斯木偶与Firefox和Webkit的显示问题:与IE配合良好
- Node.js/Socket.io适用于除Firefox之外的所有应用程序,这可能是缓存问题
- ASP.NET 和Javascript在Firefox问题中不起作用
- 砌体JS插件 - Chrome / Firefox 问题
- contenteditable-选择2个子段落并重写文本(Firefox问题)
- innerhtml出现奇怪的firefox问题
- 传递动态选择值以弹出链接Firefox问题
- 处理动态HTML和Firefox问题
- Facebook标签应用程序画布高度- firefox问题
- jquery按键事件对象keyCode firefox问题
- js滑块的firefox问题
- jquery-ui检索在一个按钮集(复选框)中选择的firefox问题
- 跨浏览器的jQuery - Firefox问题