jCarousel不工作

Question

我一直在敲打几个小时。我有jCarousel设置几乎与他们的“简单”示例相同，我没有得到任何滚动。如果您将容器的宽度设置得更高，您可以看到所有图像都是垂直堆叠而不是水平堆叠，但UL正在采用正确的“水平”类。

帮助！

http://vermontgrapeandwinecouncil.com/eden-ice-cider-company/

Answer 1

我已经解决了这个问题。我有UL设置显示：无;然后一个脚本将其设置为在加载轮播后显示，以防止无格式内容的尴尬闪现。显然，这给jCarousel计算项目宽度有些麻烦，因为列表没有显示。谢谢，大家。

Answer 2

我在使用此插件加载页面时隐藏了无格式闪存的问题。对我来说最简单的解决方法是对<ul>元素应用隐藏的css值：隐藏，然后在加载jCarousel后删除该css值。应用可见性：隐藏而不是display：none允许jCarousel插件计算<li>元素的正确宽度。

Answer 3

谢谢你们......这对我有用

  jQuery(document).ready(function() {
            $('#<%=myImagecarousel.ClientID%>').jcarousel();
            $('#<%=myImagecarousel.ClientID%>').removeAttr('style');
            $('#<%=myImagecarousel.ClientID%>').show();
        });

Answer 4

包含所有内容的ul设置得太窄了。展开它，或尝试完全删除宽度。

Answer 5

你有一个id为“carousel”的ul，其内嵌样式的宽度为：110px 尝试取出宽度声明或将其放大。

Answer 6

你确定你的jcarousel声明被调用了吗？

我看到你宣布使用它：

(function($) {
 $(function() {
 $('#carousel').jcarousel();
 $('#carousel').show();
 });
})(jQuery)

尝试取出内部功能，使其看起来像：

(function($) {
 $('#carousel').jcarousel();
 $('#carousel').show();
})(jQuery)

我说这是因为如果我在firebug中调用$（'＃carousel'）。jcarousel（），它就能正常工作。