C# 多个jcarousels第二个正确工作第一个滚动到空白处

我在同一页面上加载了两个单独的用户控件，创建了两个jCarousel。第一个脚本看起来像

<script type="text/javascript">
jQuery(document).ready(function () {
    jQuery('#mycarousel').jcarousel({
        vertical: true,
        auto: 2
    });

});

而设置是

<asp:Repeater runat="server" ID="List" EnableViewState="False" OnItemDataBound="LoadImages"  >
        <HeaderTemplate>
            <ul id="mycarousel" class="mycarousel jcarousel jcarousel-skin-tango" >
        </HeaderTemplate>
        <FooterTemplate>
            </ul>
        </FooterTemplate>
        <ItemTemplate>
            <li style="height:100px;">
                <asp:Hyperlink ID="Hyperlink1" runat="server" 
                    NavigateUrl='<%# "~/Products/" + Eval("Linked_Product_UrlLabel") + 
                    ".aspx" %>'>
                    <asp:Image ID="MainImage" runat="server" Height="100" style="margin: 0 10px 10px 0;" CssClass="jcarousel-item" />
                </asp:Hyperlink>
            </li>      
        </ItemTemplate>
    </asp:Repeater>

第二个脚本是

<script type="text/javascript">
jQuery(document).ready(function () {
    jQuery('#mycarousel2').jcarousel({
    auto: 1,
    scroll: 1,
    wrap: 'both'
    });

});

而且是建立起来的

<asp:Repeater runat="server" ID="List" EnableViewState="False" OnItemDataBound="LoadImages"  >
        <HeaderTemplate>
            <ul id="mycarousel2" class="mycarousel jcarousel jcarousel-skin-tango" >
        </HeaderTemplate>
        <FooterTemplate>
            </ul>
        </FooterTemplate>
        <ItemTemplate>
            <li style="height:100px;">
                <asp:Hyperlink ID="Hyperlink1" runat="server" 
                    NavigateUrl='<%# "~/Products/" + Eval("Linked_Product_UrlLabel") + 
                    ".aspx" %>'>
                    <asp:Image ID="MainImage" runat="server" Height="100" style="margin: 0 10px 10px 0;" CssClass="jcarousel-item" />
                </asp:Hyperlink>
            </li>      
        </ItemTemplate>
    </asp:Repeater>

当页面加载时，所有内容看起来都很好，直到第一个jcarousel开始滚动到遗忘状态。自动生成的滚动按钮会引起一些不稳定的反应，但不能正确滚动。关于我需要改变什么有什么想法吗

---

我发现我的问题仍然是给其中一个旋转木马命名为mycarousel。显然，如果使用多个，我无法命名任何一个我的旋转木马

我发现我的问题仍然是命名其中一个旋转木马。显然，如果使用多个，我无法命名我的旋转木马。这在另一个问题中得到了回答