如何应用嵌套在 div 内的表上的 jquery？

Posted 2023-05-09

【中文标题】如何应用嵌套在 div 内的表上的 jquery？

【英文标题】：how to apply jquery nested on a table inside a div?

【发布时间】：2014-03-14 17:56:40

【问题描述】：

我有一个 id="container" 的 div 和一个数据列表在该 div 和 css 类是框现在我想通过使用 jquery 嵌套插件使数据项像墙上的砖这里是链接 http://suprb.com/apps/nested/ .有人可以帮我解决这个问题吗？ 这是代码sn-p

<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>

【参考方案1】：

由于嵌套插件正在执行布局，因此首先没有理由将数据放在表格中，如果您将 DataList 换成 Repeater，您可以在没有表格妨碍的情况下呈现您的项目。您需要将模板内容包装在 div 中以供插件定位，如果您为其提供默认类“框”，则无需在脚本中指定该选择器。

所以你有：

<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>