我有很多按类别排列的缩略图 slider 。但例如,内部嵌套中继器仅显示一个 slider
鲜花类别
img1 img2 img3 img4 img5//j 轮播在这里只显示第一个类别
运动类别
img1 img2 img3 img4 img5
电影类别
img1 img2 img3 img4 img5
就像这里的类别一样。
我的 dotnet 设计代码是
<div>
<asp:Repeater ID="outerRep" runat="server"
OnItemDataBound="outerRep_ItemDataBound">
<ItemTemplate>
<asp:Label Font-Size="Large" Font-Bold="true"
ID="lblCategoryName" runat="server"
Text='<%# Eval("CategoryName") %>' />
<ul id="mycarousel" class="jcarousel-skin-tango">
<asp:Repeater ID="innerRep" runat="server">
<ItemTemplate>
<li>
<asp:Image ID="Image1" runat="server"
ImageUrl='<%#Bind("ImageName") %>'
Height="70" Width="70"/>
</li>
</asp:Repeater>
</ul>
</ItemTemplate>
</asp:Repeater>
J查询脚本代码:
$(function () {$('#mycarousel').jcarousel();});
只有一个 slider 即将推出,其他产品的剩余 slider 尚未推出。仅显示列表顺序。
最佳答案
您正在使用 ID 选择器,因此会出现此类问题。
将一些虚拟类应用于该成员并使用类选择器。
<asp:Repeater ID="outerRep" runat="server"
OnItemDataBound="outerRep_ItemDataBound">
<ItemTemplate>
<asp:Label Font-Size="Large" Font-Bold="true"
ID="lblCategoryName" runat="server"
Text='<%# Eval("CategoryName") %>' />
<ul id="mycarousel" class="jcarousel-skin-tango myclass">
<asp:Repeater ID="innerRep" runat="server">
<ItemTemplate>
<li>
<asp:Image ID="Image1" runat="server"
ImageUrl='<%#Bind("ImageName") %>'
Height="70" Width="70"/>
</li>
</asp:Repeater>
</ul>
</ItemTemplate>
</asp:Repeater>
在 Jquery 中:
$(function () {$('.myclass').jcarousel();});
关于c# - Jquery 在嵌套转发器中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24477125/