CarouFredSel：页面加载时隐藏上一个（左）按钮

Question

我试图让我的carouFredSel的prev（左）按钮最初隐藏，只有在点击下一个按钮时才会显示。由于我的旋转木马既不是圆形也不是无限的，当页面加载时显示左（上）按钮是没有意义的。

如果你能帮助隐藏下一个（右）按钮到达旋转木马中的最后一个元素，我将不胜感激。感谢。

我正在使用的脚本是：

$("#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插件中使用prev / next按钮自动添加“禁用”类：

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

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

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

在CSS中，只需使用：

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