1

同じページにロードされた2つの別々のユーザーコントロールで作成された2つのjcarouselsがあります。最初のスクリプトは次のようになります

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

2番目のスクリプトは

<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がスクロールして忘却に入るまで、すべてがうまく見えます。自動生成されたスクロールボタンは、ぎくしゃくした反応を引き起こしますが、正しくスクロールしません。私が何を変える必要があるかについて何か考えはありますか？

私の問題は、カルーセルの1つにmycarouselという名前を付けることにまだあることがわかりました。どうやら複数使用している場合はどちらのマイカルーセルにも名前を付けることができません

4

1 に答える 1

0

私の問題は、カルーセルの1つにmycarouselという名前を付けることにまだあることがわかりました。どうやら複数を使用している場合、どちらの mycarousel にも名前を付けることができません。これは別の質問で回答されました 1ページの問題に複数のjcarousels

于 2012-08-15T15:33:52.497 に答える