Javascript JQuery后台URL未捕获语法错误
我正在尝试使用Javascript JQuery后台URL未捕获语法错误,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使用jQuery制作背景幻灯片。我正试图在activeDiv上方的nextDiv幻灯片的右侧有一个隐藏的div(nextDiv),这样activeDiv将被nextDiv重叠。完成后,将更改nextDiv的背景以准备新的背景图像。下面是我写的代码 // Scroll background var bgClicked = false; var bgList = []; $(".bg-img").each(function(idx, el) { bgList.push($(el)
jQuery
制作背景幻灯片。我正试图在activeDiv
上方的nextDiv
幻灯片的右侧有一个隐藏的div
(nextDiv
),这样activeDiv
将被nextDiv
重叠。完成后,将更改nextDiv
的背景以准备新的背景图像。下面是我写的代码
// Scroll background
var bgClicked = false;
var bgList = [];
$(".bg-img").each(function(idx, el) {
bgList.push($(el).css('background-image').substr(4, 50));
bgList[idx] = bgList[idx].substr(0, bgList[idx].length -1);
});
var bgNum = bgList.length;
var bgNextDiv = $("#bg-next");
var bgActiveDiv = $("#bg-active");
var bgActive = 0;
var bgNext = 1;
// Scroll until clicked
console.log(bgList);
if(bgClicked == false) {
setInterval(function() {
$(bgList[bgNext]).animate({left:0}, 1000, 'linear', function() {
bgActiveDiv.css('background-image', 'url(' + bgList[bgNext] + ')');
bgActive = bgNext;
bgNext = bgNext < bgNum - 1 ? bgNext + 1 : 0;
bgNextDiv.css('background-image', 'url(' + bgList[bgNext] + ')');
});
}, 5000);
}
我想我错过了什么,但我不知道在哪里
请帮忙
干杯,
Agi
编辑1
bgList=[”的内容http://localhost:3000/img/bg1_2560x1440px.jpg", "http://localhost:3000/img/bg2_2560x1440px.jpg“]
您正在使用bgList[bgNext]
作为jQuery选择器,这就是您出错的原因
所以,用这个来代替:
$(".bg-img:eq(" + bgNext + ")").animate({left:0}, 1000, 'linear', function() {
bgActiveDiv.css('background-image', 'url(' + bgList[bgNext] + ')');
bgActive = bgNext;
bgNext = bgNext < bgNum - 1 ? bgNext + 1 : 0;
bgNextDiv.css('background-image', 'url(' + bgList[bgNext] + ')');
});
$(“.bg img:eq(“+bgNext+”)).animate({left:0},1000,'linear',function()){
css('background-image','url('+bgList[bgNext]+');
bgActive=bgNext;
bgNext=bgNext
您能否提供$(“.bg img”)的内容,原因是代码bgActiveDiv.css('background-image','url('+img+'));对我来说很好。我们需要检查输入数据我已经添加了bgList
的内容,两个元素都是字符串
$(".bg-img:eq(" + bgNext + ")").animate({left:0}, 1000, 'linear', function() {
bgActiveDiv.css('background-image', 'url(' + bgList[bgNext] + ')');
bgActive = bgNext;
bgNext = bgNext < bgNum - 1 ? bgNext + 1 : 0;
bgNextDiv.css('background-image', 'url(' + bgList[bgNext] + ')');
});