c#之Jquery 在嵌套转发器中无法正常工作

我有很多按类别排列的缩略图 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();});