1

所以我使用 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>
4

0 回答 0