1
我有兩個jcarousels創建在兩個單獨的用戶控件加載在同一頁面上。第一個腳本看起來像多個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>
第二個腳本是
<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開始滾動到遺忘。自動生成的滾動按鈕會導致一些生澀的反應，但不會正確地滾動它。關於我需要改變的任何想法？
我發現我的問題確實還在命名其中一個carousels mycarousel。顯然，如果使用多個我不能命名mycarousel