javascript - CarouFredSel:页面加载时隐藏上一个(左)按钮

Question

我试图让我的 carouFredSel 的上一个(左)按钮最初隐藏起来，只有在单击下一个按钮时才可见。由于我的旋转木马既不是圆形也不是无限的，因此在页面加载时显示左(上一个)按钮没有意义。

如果您也能帮忙隐藏到达轮播中最后一个元素的下一个(右)按钮，我将不胜感激。谢谢。

我使用的脚本是:

$("#models-carousel").carouFredSel({
                    items: 4,
                    circular: false,
                    infinite: false,
                    auto    : false,
                    prev    : { 
                        button  : "#models-carousel_prev",
                    },
                    next    : { 
                        button  : "#models-carousel_next",
                    },
                    scroll : {
                        duration: 1000,                        
                    }
                });

Answer 1

你应该有一个由 Carousel 插件自动添加的带有上一个/下一个按钮的“禁用”类:

id="models-carousel_prev" class="disabled"

id="models-carousel_next" class="disabled"

您可以轻松地在 CSS 中使用此类来启用/禁用适当的按钮。

在您的 CSS 中，只需使用:

#models-carousel_prev.disabled,
#models-carousel_next.disabled{display:none}