Javascript 幻影<;李>;旋转木马内
使用此信息图表时遇到更多问题。旋转木马的末端似乎出现了一个幻影。有人知道这是怎么出现的吗 干杯,Javascript 幻影<;李>;旋转木马内,javascript,jquery,html,Javascript,Jquery,Html,使用此信息图表时遇到更多问题。旋转木马的末端似乎出现了一个幻影。有人知道这是怎么出现的吗 干杯, Dave看起来最后一张包含了您内容的最后一张“幻灯片”。“浏览最后一张幻灯片”是您试图抑制的行为吗?如果是这样,请在查看最后一张幻灯片时隐藏“右”导航按钮,在查看第一张幻灯片时隐藏“左”导航按钮,以防止用户滚动到旋转木马的开头或结尾。这可能是原因吗 <div id="carousel"> <ul> <li></li>
Dave看起来最后一张
包含了您内容的最后一张“幻灯片”。“浏览最后一张幻灯片”是您试图抑制的行为吗?如果是这样,请在查看最后一张幻灯片时隐藏“右”导航按钮,在查看第一张幻灯片时隐藏“左”导航按钮,以防止用户滚动到旋转木马的开头或结尾。这可能是原因吗
<div id="carousel">
<ul>
<li></li>
</ul>
验证器还说有一个不闭合的div(包装器div)怀疑是问题,虽然
@ draci:仍然找不到问题,所以这将是现在的创可贴-<如果有更好的解决方案,我会更新我的答案。嘿,你必须在object div.radiationViewport上设置一个类“viewport”。出现问题的原因是脚本使用该对象的度量进行计算。就像计算“剩余空间”一样。我在使用chrome时没有看到它。@Kyle Rogers如果你滚动到最后一张正确的幻灯片,右边有一张空幻灯片,不确定它是如何显示的。你在第二张
之后没有关闭
。修复这些问题,看看它是否解决了问题(搜索并用
替换
——至少有3个)。@stealthyninja感谢您注意到:)不幸的是,它没有解决问题。我不确定元素是否出现在最终的一侧,以强制创建另一张幻灯片?只是删除了它,它仍在播放:(请尝试此for(var I=1;很遗憾,我没有。画布元素都被正确调用,因此这不会影响最终幻灯片OK下一次尝试:p如果($(“#myCanvas_31”){$(a.next).append(“class=\“disable\”);}
…也许$(a.next).addClass(“disable”);
做这个把戏,或者$(a.next).hide();
@Basti在发布之前尝试了所有这些,但是没有用。谢谢:)Cheers Stealthynija.使用了与您提供的代码片段类似的代码片段,但问题已得到解决:回调:函数(元素,索引){if(index==30){$('.next').hide();}else{$('.next').show();}console.log(element,index);}只能工作的解决方案非常脏。滑块工作不正常,因为他忘记在与视口类似的div上放置类名。
$('#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);
}
});