Javascript 在动态元素上设置背景图像
我试图在动态创建的元素上设置一个背景图像,但它似乎不起作用。它应该获取我放入数组的对象的“img”属性,然后将其用于背景图像url Javascript:Javascript 在动态元素上设置背景图像,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图在动态创建的元素上设置一个背景图像,但它似乎不起作用。它应该获取我放入数组的对象的“img”属性,然后将其用于背景图像url Javascript: var sponsorArray = new Array(); //Sponsor Constructor Function function Sponsor(name, img, tier, url, description) { this.name = name; this.img = img; this.tie
var sponsorArray = new Array();
//Sponsor Constructor Function
function Sponsor(name, img, tier, url, description) {
this.name = name;
this.img = img;
this.tier = tier;
this.url = url;
this.description = description;
//A counter for the number of sponsors
Sponsor.num = (Sponsor.num || 0) + 1;
//Insert this object into the sponsors array
sponsorArray.push(this);
};
var sponsor0 = new Sponsor(
'test sponsor',
'./images/sponsors/test.png',
'Platinum',
'test.com',
'blah blah blah'
);
var initSponsors = function() {
for (var i = 0; i < sponsorArray.length; i++) {
var sponsor_image = $('<li>', {
'class': 'sponsor-logo',
'id': 'sponsor' + i,
'background-image': 'url(\'' + sponsorArray[i].img + '\')'
});
$('#logo-sponsors').append(sponsor_image);
}
};
initSponsors();
var-sponsorArray=new-Array();
//主办方构造函数
职能发起人(名称、img、层级、url、说明){
this.name=名称;
this.img=img;
this.tier=tier;
this.url=url;
this.description=描述;
//赞助商数量的计数器
sandor.num=(sandor.num | | 0)+1;
//将此对象插入到阵列中
发起人数组。推(此);
};
var赞助商0=新赞助商(
“测试赞助商”,
“./images/赞助商/test.png”,
“白金”,
"test.com",,
“废话废话”
);
var init=function(){
对于(变量i=0;i”{
“类别”:“赞助商标志”,
“id”:“赞助商”+i,
“背景图像”:“url(\''+sponsorArray[i].img+'\')”
});
$(“#赞助商标志”)。附加(赞助商图片);
}
};
发起人();
HTML:
当我检查元件时,它似乎应该工作?我不知所措
“背景图像”
是无效的jQuery方法<另一方面,code>.css()是有效的,因此
而不是
'background-image' : 'url(\'' + sponsorArray[i].img + '\')'
使用:
“背景图像”
是无效的jQuery方法<另一方面,code>.css()是有效的,因此
而不是
'background-image' : 'url(\'' + sponsorArray[i].img + '\')'
使用:
这真让人沮丧。。。谢谢那真是令人沮丧。。。谢谢
css : {
backgroundImage: 'url(\'' + sponsorArray[i].img + '\')'
}