Javascript 带跨度标记的砌块或直列砌块

在我的网页中，Mashise的第二项itemSelector未按要求工作

我尝试使用span标记将其分块打破，但没有成功。它正确显示前10张图片，但当使用向下滚动时，它会在一个块中加载下一张所有图片

实例

我的项目是用一个转发器和jquery从DB中获取pic名称。前10个直接使用asp repeater加载，下一个加载是使用向下滚动和pic加载到Div#imageDiv，jquery中。append从xml对象获取数据

脚本代码

 function OnSuccess(response) {
        var xmlDoc = $.parseXML(response.d);
        var xml = $(xmlDoc);

        pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());

        var pic_infoVar = xml.find("pic_info");

        pic_infoVar.each(function () {
            var customer = $(this);
            $("#imageDiv").append("<span class='inline'><img id='theImg' src='/pic/jas/" + customer.find("pic_name").text() + ".jpg" + "'/></span>");

        });
        $("#loader").hide();
    }

函数成功（响应）{
var xmlDoc=$.parseXML（response.d）；
var xml=$（xmlDoc）；
pageCount=parseInt（xml.find（“pageCount”）.eq（0.find（“pageCount”）.text（））；
var pic_infoVar=xml.find（“pic_info”）；
pic_infoVar.each（函数（）{
var customer=$（此值）；
$（“#imageDiv”）。追加（“”）；
});
$（“#加载程序”）.hide（）；
}

机构代码

<form id="form1" runat="server">
<div id="topBanner">
</div>
<div id="container">
    <asp:Repeater ID="rptCustomers" runat="server">
        <HeaderTemplate>
        </HeaderTemplate>
        <ItemTemplate>
            <div class="box">
                <asp:Image ID="zzz" runat="server" ImageUrl='<%# "~/pic/jas/" + Eval("pic_name") + ".jpg" %>' />
            </div>
        </ItemTemplate>
        <FooterTemplate>
        </FooterTemplate>
    </asp:Repeater>
        <div class="box">
            <div id="imageDiv">
        </div>
    </div>
</div>
<img id="loader" alt="" src="loading.gif" style="display: none" />
</form>

您需要使用砌体重新加载函数，以便它可以计算新元素的大小；类似于.mashine（'reload'）

我尝试了你的建议，不知怎么的，我在.append上的每个xml对象上都添加了标记，但是很多图片彼此重叠？有没有修复它的建议？你把重新加载放在哪里了？在.append

$（“#imageDiv”）.append（”）之后$（“#容器”）。砌体（“重新加载”）