加载缓慢的脚本

时间:2019-06-13 16:20:29

标签: javascript jquery html

我在dev中有一个小型站点,该站点具有自动横向滚动div。问题是动画有时需要花一些时间才能加载,不知道为什么,在控制台中看不到任何东西,本地一切都很好。

页面可以在rankin.mintfresh.co.uk/V4/

看到

JavaScript是否有帮助...

$( document ).ready(function() {
    $('#contact-us').hide();
    $("#contact-btn").click(function(){
    $('#contact-us').fadeToggle(); 
});
$("#close-btn").click(function(){
    $('#contact-us').fadeOut(); 
});
function animatethis(targetElement, speed) {
    var scrollWidth = $(targetElement).get(0).scrollWidth;
    var clientWidth = $(targetElement).get(0).clientWidth;
    $('#play-btn').hide();
    $('#pause-btn').click(function() {
        $(targetElement).stop();
        $('#scrollStop').hide();
        $('#pause-btn').hide();
        $('#play-btn').show();
    });
    $('#play-btn').click(function() { 
        scrollImage();
        $('#scrollStop').show();
        $('#pause-btn').show();
        $('#play-btn').hide();
    });
    $('#scrollStop').click(function() {
        $(targetElement).stop();
        $('#scrollStop').hide();
        $('#pause-btn').hide();
        $('#play-btn').show();
    });
    function scrollImage() {
    $(targetElement).animate({
        scrollLeft: scrollWidth - clientWidth
    }, {
        duration: speed,
        complete: function() {
            targetElement.animate({
            scrollLeft: 0
        }, {
            duration: speed,
            complete: function() {
                animatethis(targetElement, speed);
            }
                });
            }
        });
    }
    scrollImage();
}
animatethis($('#container'), 50000);
});

任何帮助表示赞赏。谢谢!

0 个答案:

没有答案