glitchy jquery div carousel

时间:2016-07-08 11:10:59

标签: javascript jquery css

所以我做了一个jquery旋转木马你可以在这里看到:http://teste.boleiafacil.com/(这是页面末尾的那个

这是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被附加到包装器的末尾时,它看起来很糟糕。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:-1)

尝试将您的函数包装在文档就绪而不是窗口加载中,其简写为:

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