Как применить jquery, вложенные в таблицу внутри div?

Question

У меня есть div с id = "container", и datalist находится внутри этого div и css class is box теперь я хочу, чтобы элементы данных, такие как кирпичи в стене, с помощью 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>