Jquery在嵌套重复器中不能正常工作

本文关键字：常工作 工作 不能 嵌套 Jquery | 更新日期: 2023-09-27 18:10:54

我有许多缩略图滑块根据类别。但是只有一个滑块显示来自内部嵌套的重复器例如

鲜花类别

img1 img2 img3 img4 img5//j carousel显示这里只有第一个类别仍然没有

体育类

img1 img2 img3 img4 img5

电影类别

img1 img2 img3 img4 img5

好像categories在这里。

我的。net设计代码是

<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>

脚本代码:

$(函数(){$ (' # mycarousel) .jcarousel ();});

只有一个滑块来了，其余不同产品的滑块没有来。只是显示列表顺序。

Jquery在嵌套重复器中不能正常工作

您正在使用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();});
相关文章：