Question

根据类别明智，我有很多缩略图滑块。但是只有一个滑块显示在内部嵌套转发器中，例如

鲜花类

img1 img2 img3 img4 img5 // j carousel在这里只显示第一类仍然不是

体育类

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（）{$（＆＃39;＃mycarousel＆＃39;）。jcarousel（）;}）;

只有一个滑块即将出现不同产品的剩余滑块。只显示清单顺序。

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();});

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

1 个答案: