我看过很多关于题目问题的帖子,但其中没有一篇适用于我的案例。 我想3周的div出现在每一行中,但下面的代码获取每个DIV浇铸在一个垂直的新线:并排动态创建div
JQuery的
$(document).ready(function() {
$.ajax({
url: "Image/",
success: function(data) {
var el = $('<div></div>');
el.html(data);
var imgArr = $('a', el);
var images = [];
$.each(imgArr, function(i, val) {
images[i] = val.href.replace(window.location.host, "").replace("http:///", "");
if ($.inArray(images[i].split('.').pop(), ["gif", "png", "jpeg"]) != -1)
$('#Panel1').append('<div id="divId"' + i + ' style="height:80px;width:80px;float:left;background-image:url(\'Image/' + images[i] + '\');"></div>');
});
}
});
}
);
HTML
<body>
<asp:Panel ID="Panel1" runat="server" CssClass="centeredPanel">
</asp:Panel>
</body>
CSS
.centeredPanel
{
width:25%;
height:50%;
position:absolute;
left:37.5%;
top:25%;
}
imgArr是含有从文件夹中检索到的图像的阵列。
我错过了什么?
是什么面板,如果面板是您行尝试HTML()方法来代替追加即的股利。 $('#Panel1')。html() – Chetan 2015-01-21 07:03:36
小提琴可能会更好。 – Akshay 2015-01-21 07:05:15