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

Question

我有很多按类别排列的缩略图 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 尚未推出。仅显示列表顺序。

Answer 1

您正在使用 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();});