jCarouselLite不使用<3个列表项

Question

编辑:这不是jQuery从SharePoint公告列表创建适当的标记以使用jCarouselLite的问题.这似乎是jCarouselLite中的一个问题.我已经用另外的jsfiddle完成了相应的标记,而不是jQuery/javascript转换代码,问题仍然存在.

同样,它只是1或2个列表项的问题.3+工作正常.我应该更改标记,我们的jCarouselLite调用代码来解决这个问题吗？

Bounty将尽快提供!

ORIGINAL ================================================= ==============================

我在Sharepoint站点中有一个公告列表,我想将其转换为jCarousel.公告列表呈现为一个表,因此我将一些jQuery代码放在一起,将其转换为所需的ul结构.

jQuery似乎正在做它的工作,但jCarousel给出了一些奇怪的行为.第一个公告显示应该,然后第二个公告按原样滚动.但是,对于此后的每个滚动,它会闪烁第一个公告,然后在第二个公告中滚动.什么时候应该再次滚动第一个.

我有它正常工作,但它显示空白公告,所以我介绍了一些代码来过滤掉空白公告.这是一个向您展示问题的jsfiddle.

我从前面的代码中做的唯一更改是添加额外的布尔值:

&& $(listitem).text() != "\xa0"

但是,在上面的小提琴中,代码与前一个完全相同,但在我的服务器上它显示了一个额外的空白通知.不知道为什么我不能在这里复制它.

无论如何,任何人都有任何想法？

编辑:实际上只是测试它超过2个公告,它似乎工作.见http://jsfiddle.net/RzeEX/4/

它现在按预期工作,但有2个公告,它仍然破产,有1个公告,没有显示!它必须与jQuery有关,因为我相信jCarouselLite插件可以工作.

有关单一公告,请参见http://jsfiddle.net/RzeEX/5/.

Answer 1

由于我的理解是你可能有一个动态的元素列表,你可以这样做:

$('.viewport').jCarouselLite({
    auto:1000,
    speed:1000,
    visible: $('#announcementList li').length
});

这样,如果你有1,2或100个元素就没关系了.它将始终按预期工作.