div 안의 테이블에 jquery를 중첩하는 방법은 무엇입니까?

Question

id가 "div"인 div가 있고 데이터리스트가 해당 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>