Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 幻影<;李>;旋转木马内_Javascript_Jquery_Html - Fatal编程技术网

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);
        }
    });