Question

我已经设置了caroufredsel，并且里面有物品。但是当我点击我的下一个和上一个按钮时，第一次看到它会移动1个项目，之后每次点击都会移动内容的整个宽度并返回到开头。

我已将我的滚动项设置为3.它是否与容器的宽度有关？

jQuery('#tab-1').find('#carousel').carouFredSel({
                            responsive : true,
                            circular: false,
                            align: "center",
                            height : 'auto',
                            width : 'auto',
                            auto : false,
                            prev : {
                                button : function() {
                                    return jQuery('#tab-1').find('.carousel-pagerLeft');
                                }
                            },
                            next : {
                                button : function() {
                                    return jQuery('#tab-1').find('.carousel-pagerRight');
                                }
                            },
                            scroll : {
                                items : 3,
                                fx : "fade"
                            },  
                            items : {
                                height : 'auto',
                                width: 'auto'
                            },
                            swipe: {
                                onMouse: true,
                                onTouch: true
                            }               
                        });

似乎在幻灯片上，旋转木马的高度因某种原因而改变。也许这是相关的

Answer 1

我还会重构您的选择器，因为您使用的ID更简单，而且每页只应该有一个：

而不是：

jQuery('#tab-1').find('#carousel').carouFredSel();

使用此：

jQuery('#carousel').carouFredSel();

Answer 2

将caroufredsel宽度切换为100％就可以了。

jQuery('#tab-1').find('#carousel').carouFredSel({
                            responsive : true,
                            circular: false,
                            align: "center",
                            height : 'auto',
                            width : '100%',
                            auto : false,
                            prev : {
                                button : function() {
                                    return jQuery('#tab-1').find('.carousel-pagerLeft');
                                }
                            },
                            next : {
                                button : function() {
                                    return jQuery('#tab-1').find('.carousel-pagerRight');
                                }
                            },
                            scroll : {
                                items : 3,
                                fx : "fade"
                            },  
                            items : {
                                height : 'auto',
                                width: 'auto'
                            },
                            swipe: {
                                onMouse: true,
                                onTouch: true
                            }               
                        });

CarouFredSel滑动问题

2 个答案: