Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.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
在jquery中向主体添加类在javascript方法中失败_Javascript_Jquery_Html_Css - Fatal编程技术网

在jquery中向主体添加类在javascript方法中失败

在jquery中向主体添加类在javascript方法中失败,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面是我的情景 我有三个类框和随机选择的图像,从数组项中,在右下部分有一个方形框002,该可以拖放到三个框中的任何一个,如果它找到匹配项,框将消失。likwise三个框将出现 然后一个类bodyblue被添加到body中,背景图像名为middle bg被添加到body中10秒。再次出现3个用于拖放的框 在第二级中,在拖放并删除这三个框后,当bodyblue添加到body时,背景图像中间背景在10秒内不会出现。 如何在第二级和第三级使用jquery将bodyblue backgroundImage

下面是我的情景

我有三个类框和随机选择的图像,从数组项中,在右下部分有一个方形框002,该可以拖放到三个框
中的任何一个,如果它找到匹配项,框将消失
。likwise三个框将出现

然后一个类bodyblue被添加到body中,背景图像名为
middle bg
被添加到body中
10秒。再次出现3个用于拖放的框

第二级中,在拖放并删除这三个框后,当bodyblue添加到body时,背景图像中间背景在10秒内不会出现。

如何在第二级和第三级使用jquery将bodyblue backgroundImage添加到body?

var array2=[];
var arraycart=[];
var disparray=[];
var bg=[];
var-dataURL;
var超时;
计数器=0;
可变项目=[{
标签:“1”,url:'https://via.placeholder.com/150x150.jpg?text=image1'},
{标签:“2”,url:'https://via.placeholder.com/150x150.jpg?text=image2'},
{标签:“3”,url:'https://via.placeholder.com/150x150.jpg?text=image3'},
{标签:“4”,url:'https://via.placeholder.com/150x150.jpg?text=image4'},
{标签:“5”,url:'https://via.placeholder.com/150x150.jpg?text=image5'},
{标签:“6”,url:'https://via.placeholder.com/150x150.jpg?text=image6'},
{标签:“7”,url:'https://via.placeholder.com/150x150.jpg?text=image7'},
{标签:“8”,url:'https://via.placeholder.com/150x150.jpg?text=image8'},
{标签:“9”,url:'https://via.placeholder.com/150x150.jpg?text=image9'},
{标签:'10',url:'https://via.placeholder.com/150x150.jpg?text=image10'}
];
var注释=['https://via.placeholder.com/150x150.jpg?text=image1',
'https://via.placeholder.com/150x150.jpg?text=image2',
'https://via.placeholder.com/150x150.jpg?text=image3',
'https://via.placeholder.com/150x150.jpg?text=image4',
'https://via.placeholder.com/150x150.jpg?text=image5',
'https://via.placeholder.com/150x150.jpg?text=image6',
'https://via.placeholder.com/150x150.jpg?text=image7',
'https://via.placeholder.com/150x150.jpg?text=image8',
'https://via.placeholder.com/150x150.jpg?text=image9',
'https://via.placeholder.com/150x150.jpg?text=image10'
];
var tempimages=[];
var notesselected=[];
array2=items.slice();
var项目;
//更改背景图像
函数changemainbackground(){
bodycontents=document.getElementById('main');
如果(计数器>=0){
bodycontents.style.backgroundImage='url('+bg[counter]+');
d=bodycontents.style.backgroundImage='url('+bg[counter]+');
}
计数器++;
}
hiddenimgnumber=0;
var images=['https://picsum.photos/200/300', 'https://picsum.photos/200/300', 'https://picsum.photos/200/300'];
//var bg=['https://via.placeholder.com/150x150.jpg?text=image1','https://via.placeholder.com/150x150.jpg?text=image2'];
var bg=['https://picsum.photos/200/300?image=2', 'https://picsum.photos/200/300?image=3', 'https://picsum.photos/200/300?image=4'];
var refreshIntervalId=setInterval(函数(){
image=document.getElementById('hiddenimageid');
image.src=图像[hiddenimgnumber];
}, 1)
函数hiddenimage(){
clearInterval(refreshIntervalId);
image=document.getElementById('hiddenimageid');
image.src=图像[hiddenimgnumber];
//console.log(hiddenimgnumber);
hiddenimgnumber++;
}
window.onload=函数(){}
函数rvalue(){
元素=document.getElementsByClassName(“框”);
对于(var i=0;ia.indexOf(“?text=“+item.label)>0)[0];
//var dataURL=item.url;
//var dataURL=item.label;
log(dataURL);
image.src=dataURL;
image.dataset.itemlab=item.label;
}捕捉(错误){
}
};
$(函数(){
显示图像();
});
功能allowDrop(ev){
ev.preventDefault();
}
功能阻力(ev){
ev.dataTransfer.setData(“文本”,ev.target.id);
}
功能下降(ev){
ev.preventDefault();
var data=ev.dataTransfer.getData(“文本”);
var x=document.getElementById(“幻灯片”).dataset.itemLabel;
var y=ev.target.dataset.itemLabel;
如果(ev.target.tagName==“DIV”){
y=ev.target.children[0].dataset.itemLabel;
}
如果(x==y){
ev.currentTarget.style.backgroundColor='英寸