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