如何将jquery嵌套在div中的表上?

如何将jquery嵌套在div中的表上?,jquery,asp.net,jquery-plugins,nested,datalist,Jquery,Asp.net,Jquery Plugins,Nested,Datalist,我有一个id为=“container”的div,该div中有一个datalist,css类是box,现在我想使用jquery嵌套插件使数据项像墙上的砖块一样,这里是链接。有人能帮我解决这个问题吗? 下面是代码片段 <div id="container"> <asp:DataList CssClass="box slider_container" RepeatDirection="Horizontal" RepeatColumns="3" ID="kio

我有一个id为=“container”的div,该div中有一个datalist,css类是box,现在我想使用jquery嵌套插件使数据项像墙上的砖块一样,这里是链接。有人能帮我解决这个问题吗? 下面是代码片段

<div id="container">         
    <asp:DataList CssClass="box slider_container" RepeatDirection="Horizontal" RepeatColumns="3" ID="kiosk_grid" runat="server" DataSourceID="kiosk_grid_dsource" ShowHeader="false" ShowFooter="false">
        <ItemTemplate>       
            <a class="slider_container" href='<%=ResolveUrl("~/kioskstore.aspx/?name=")%><%#Eval("kiosk_Name")%>'>        
                <asp:Image runat="server" ImageUrl='<%#Eval("Kiosk_Image") %>' />
            </a>
        </ItemTemplate>
    </asp:DataList></div>
<script type="text/javascript">
    $(document).ready (function () {
        $("#container").nested ({ selector: '.box' });
    });
</script>

$(文档).ready(函数(){
$(“#容器”).nested({selector:'.box'});
});

当嵌套插件进行布局时,没有理由首先将数据放在表中,如果您将数据列表交换为中继器,则可以在没有表阻碍的情况下呈现项目。您需要将模板内容包装在一个div中,以使插件成为目标,如果您为其指定默认类“box”,则无需在脚本中指定该选择器

所以你会:

<div id="container">
    <asp:Repeater ID="kiosk_grid" runat="server" DataSourceID="kiosk_grid_dsource">
        <ItemTemplate>
            <div class="box">
                <a class="slider_container" href='<%=ResolveUrl("~/kioskstore.aspx/?name=")%><%#Eval("kiosk_Name")%>'>
                <asp:Image runat="server" ImageUrl='<%#Eval("Kiosk_Image") %>' /></a>
            </div>
        </ItemTemplate>
    </asp:Repeater>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#container").nested();
    });
</script>

$(文档).ready(函数(){
$(“#容器”).nested();
});