多个Jcarousel错误“jCarousel：没有为项目设置宽度/高度......”

Question

链接：http://misiur.com/teatr

错误代码：“jCarousel：没有为项目设置宽度/高度。这将导致无限循环。中止......”

我有一个旋转木马 - 没有错误。然后我添加了新的 - 这个错误。与第一个相同。简单的HTML：ul with children li＆gt; a＆gt; IMG 我不知道为什么会这样。我试图用CSS添加尺寸，但仍然没有。 img需要大小相同吗？

提前致谢。

Answer 1

即使这是一个古老的问题，它仍会在Google搜索中出现在这个主题上。

我在我的博客http://drayblog.gotdns.com/index.php/2011/03/31/jcarousel-no-width-height-set-for-items/

上发布了一个解决方案

但是，如果有一天它发生了下降，继续发布

无论您的jarousel项目的widthand height属性如何，都会发生错误。您需要设置轮播的第一个父级的宽度和高度。如果您遵循以下设计模式，则无法出错

首先我假设您已经包含了对已下载的jcarousel库的引用。实际上只有其中一个，所以你找不到它就不会出错。这里

1. 包含jcarousel元素的页面标记（注意包含在包含div中），此网站不支持显示多个html，因此我删除了开始和结束标记

div id="hlrt"
ol id="hmprt" runat="server" clientidmode="Static"
li class="l"
      !--your stuff in here--
    /li
/ol
/div

你的初始化jscript让你的旋转木马变得生动（注意应用于有序列表）

 

//initialise
$('#hmprt').jcarousel({
    vertical: true,
    easing: 'easeInOutQuad',
    scroll: 4,
    auto: 5,
    wrap: 'circular',
    animation: 3000
});
 

你的CSS（注意应用于包装div）

 
#hltr .jcarousel-item-vertical,
#hltr .jcarousel-item-placeholder-vertical {
    width: 330px;
    height: auto;
}
#hltr .jcarousel-container-vertical {
    width: 330px;
    height: 350px;
    border: 1px solid #fff;
}
#hltr .jcarousel-clip-vertical {
    width: 330px;
    height: 350px;
    z-index: 20;
}

我们这样做的原因是因为jcarousel类修改了html标记，因此样式将不再适用，因为对象将不再存在，或者在jcarousel对象级别具有相同的名称。