Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CarouFredSel:页面加载时隐藏上一页(左)按钮_Javascript_Carousel_Caroufredsel - Fatal编程技术网

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

Javascript CarouFredSel:页面加载时隐藏上一页(左)按钮,javascript,carousel,caroufredsel,Javascript,Carousel,Caroufredsel,我试图使我的carouFredSel的prev(左)按钮最初隐藏,只有在单击next按钮时才可见。因为我的旋转木马既不是圆形的也不是无限的,所以在页面加载时显示左(prev)按钮是没有意义的 如果你也能帮忙隐藏下一个(右)按钮到达旋转木马的最后一个元素,我将不胜感激。谢谢 我使用的脚本是: $("#models-carousel").carouFredSel({ items: 4, circular: false,

我试图使我的carouFredSel的prev(左)按钮最初隐藏,只有在单击next按钮时才可见。因为我的旋转木马既不是圆形的也不是无限的,所以在页面加载时显示左(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,                        
                    }
                });

您应该有一个自动添加的类“disabled”,该类带有旋转木马插件的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}