Question

我有一个div = id =“container”，一个datalist在div里面，而css类是框现在我想通过使用jquery嵌套插件在墙上制作像砖一样的数据项是链接{{3 }。有人可以帮我解决这个问题吗？这是代码片段

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

Answer 1

由于嵌套插件正在进行布局，因此没有理由将数据放在表格中，如果您将数据列表替换为转发器，则可以在不使用表格的情况下渲染项目。您需要将模板内容包装在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>

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

1 个答案: