Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery后台URL未捕获语法错误_Javascript_Jquery_Html_Css - Fatal编程技术网

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] + ')');
    });