在jquery中向主体添加类在javascript方法中失败
下面是我的情景 我有三个类框和随机选择的图像,从数组项中,在右下部分有一个方形框002,该可以拖放到三个框在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
中的任何一个,如果它找到匹配项,框将消失
。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='英寸