轮播循环问题（一个循环后项目消失）

Question

所以我使用了codrops的教程创建了一个旋转木马。我不是非常精通JS或使用任何JS相关而没有参考代码，所以我只是采用并修改了教程中的现有代码。我遇到的问题与环回有关。使用旋转木马循环时，内容工作正常，但当您打开其中一个项目并循环时，会导致旋转木马失灵。

巨大的问题，因为当您按左下方时，项目开始消失。有人能帮忙解决这个问题吗？

以下是我在网站页面上使用的代码。

<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type='text/javascript' src='<?php echo get_template_directory_uri(); ?>/js/jquery.carouFredSel-packed.js'></script>
<script type="text/javascript">
jQuery(function () {
    jQuery('#leaderthumbs').carouFredSel({
        synchronise: ['#leaderdetails', false, true],
        auto: false,
        width: '100%',
        items: {
            visible: 3,
            start: 0
        },
        scroll: {
            onBefore: function (data) {
                data.items.old.eq(1).removeClass('selected');
                data.items.visible.eq(1).addClass('selected');
            }
        },
        prev: '#prev',
        next: '#next'
    });

    jQuery('#leaderdetails').carouFredSel({
        auto: false,
        items: 1,
        scroll: {
            fx: 'fade'
        }
    });

    jQuery('#leaderthumbs div').click(function () {
        $('#leaderthumbs').trigger('slideTo', [this, -1]);
    });
    jQuery('#leaderthumbs div:eq(1)').addClass('selected');
});
</script>