Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.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 glitchy jquery分区转盘_Javascript_Jquery_Css - Fatal编程技术网

Javascript glitchy jquery分区转盘

Javascript glitchy jquery分区转盘,javascript,jquery,css,Javascript,Jquery,Css,因此,我制作了一个jquery旋转木马,您可以在这里看到:(这是页面末尾的一个。) 这是jquery: //highlights slide animation var prdlength = $(".rproducts").length; var prdleft = 1; var i = 0; function swapC() { i++; prdleft++; $(".rproducts").each(funct

因此,我制作了一个jquery旋转木马,您可以在这里看到:(这是页面末尾的一个。)

这是jquery:

//highlights slide animation
    var prdlength = $(".rproducts").length;
    var prdleft = 1;
    var i = 0;
    function swapC() {
        i++;
        prdleft++;
        $(".rproducts").each(function(){
            $(this).animate({"left":"-" + prdleft + "px"}, 10);
            if (prdleft == 180){
                $(this).appendTo(".rproductswrapper");
                prdleft = 0;
            }
        });
        if (i == prdlength) {
            i = 0
        }
        window.setTimeout(function() { swapC() }, 10);
    }
    $(window).on("load", swapC);
问题是,当div被附加到包装器的末尾时,它看起来有问题


如何解决此问题?

尝试将函数包装到文档准备就绪而不是窗口加载中,简写为:

$(function(){
//code here
});

我看不出这对OP有什么帮助。请尝试设置整个容器的动画
.rproductswrapper
。然后您可以看到何时使用jQuery属性删除图像。