如何應用jquery嵌套在div內的表中？

Question

我有一個div與id =「容器」和一個datalist是在該div和css類是框現在我想通過使用jquery嵌套插件在牆上的數據項目，這裏是鏈接http://suprb.com/apps/nested/。有人能幫我解決這個問題嗎？ 這裏是代碼片段

<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

由於嵌套插件是做佈局沒有理由有在首位表中的數據，而如果換成你的DataList的復讀機呀你可以使您的項目沒有桌子擋道。您需要將您的模板內容封裝在一個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>