我有一个包含其中一些元素的div(包含字符串的其他div),这个div服从类item_block
并且它包含在一个名为gallery
的大div中,所以当我追加这个时div除了一个字符串之外还附加了另一个元素,这些元素适合div而不是该字符串,查看下面的图片(item_block是黄色彩色,字符串是棕色):
#gallery {
position: absolute;
width: 75%;
/*height: 100%;*/
bottom:0;
z-index: 1;
top: 35px;
}
.item_block {
background-origin:content-box;
background-color:#DAD1A2;
background-image:url(../Images/logo2.png);
background-position:center;
background-repeat:no-repeat;
height: 25%;
width: 25%;
line-height: 450px;
font-family: Arial, Helvetica, sans-serif;
text-indent: 0px;
vertical-align: middle;
text-align: center;
position: relative;
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
.item_name {
background-color: #68782C;
position: absolute;
height: 35%;
width: 100%;
background-repeat: repeat;
background-position: center center;
top: 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
line-height: 35px;
color: #FFFFFF;
}
我将数据附加到JS中的JQuery:
$("#gallery").append('<div class="item_block hasoptions">price:'+$('menu').find(selecteditem).children().eq(si).attr('price') +'<div class="add_btn"></div><div class="item_name">'+ realitemname +'</div></div>');
这是整个代码的jsfiddle。