幻影<li> in carousel </li>

Question

这个信息图更麻烦。似乎在旋转木马的末端出现了一个幻像<li>。有谁知道这是怎么出现的？

http://weaver-wp.weavertest.com/radiation-infographic/

干杯， 戴夫

Answer 1

这可能是原因吗？

<div id="carousel"> 
<ul>    
    <li></li>       
</ul> 

Validator也说有一个unclose div（包装div）怀疑问题虽然

Answer 2

@Dalogi：仍然找不到问题，所以现在必须成为创可贴 -

$('#radiation-infographic').tinycarousel({ 
    pager: true, 
    interval: false, 
    callback: function(element, index) {
        // hide 'next' button when on last slide; unhide when not
        index == 30 ? $('a.next').hide() : $('a.next').show();

        console.log(element, index);
    }
});

如果我有更好的解决方案，我会更新我的答案。

Answer 3

看起来最后一个<li>包含您内容的最后一张'幻灯片'。 “导航过去的最后一张幻灯片”是你试图压制的行为吗？如果是这样，当您查看最后一张幻灯片时隐藏“右侧”导航按钮，当您查看第一张幻灯片时隐藏“左侧”导航按钮，防止用户滚动到旋转木马的开头或结尾。

Answer 4

嘿，你必须在对象div.radiationViewport上设置一个类'viewport'。可能是问题的原因是因为脚本使用该对象的度量进行计算。就像计算'剩余空间'一样。