如何将jquery嵌套在div中的表上?
我有一个id为=“container”的div,该div中有一个datalist,css类是box,现在我想使用jquery嵌套插件使数据项像墙上的砖块一样,这里是链接。有人能帮我解决这个问题吗? 下面是代码片段如何将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
<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();
});