Javascript 当没有更多具有引导功能的元素时，隐藏滑块转盘按钮

早上好

我需要阻止左边的箭头或隐藏日期，只有在有元素时才使用右边。有一次，你使用右箭头“因为有更多隐藏的元素”，而这没有更多的元素，desahibilitarla不滑动以继续使用右箭头。左箭头返回顶部暂停。是否可以使用引导或javascript？请帮忙！！！：(

${articleMarkupRestatges}

（函数（$）{
$（函数（）{
var jcarousel=$（'.jcarousel-prestatges'）；
var perPageValue=$（此值）；
jcarousel
.on（'jcarousel:reload jcarousel:create'，函数（）{
var carouselprestages=$（此值）；
var widthWindow=window.innerWidth；
css（'width'，'100%'）；
var widthCarouselPrestagES=carouselPrestagES.innerWidth（）；
css（'width'，widthCarouselPrestatges+'px'）；
如果（窗口宽度>=1200）{
WidthCarouselPrestagES=WidthCarouselPrestagES/7；
每页值=7；
}否则如果（窗口宽度>=992）{
WidthCarouselPrestages=WidthCarouselPrestages/5；
每页值=5；
}否则如果（窗口宽度>=768）{
WidthCarouselPrestages=WidthCarouselPrestages/3；
每页值=3；
}否则{
每页值=1；
}
carouselprestages.jcarousel（'items'）.css（'width'，Math.ceil（widthCarouselprestages）+'px'）；
$（'ulPrestatges'）.css（'width'，'20000em'）；
$（“.jcarousel控件上一个预状态”）
.jcarouselControl({
目标：'-='+每页值
});
$（'.jcarousel控件下一个预处理'）
.jcarouselControl({
目标：'+='+每页值
});
$（'.jcarousel分页预处理'）
.on（'jcarouselpagination:active'，'a'，function（）{
$（this.addClass（'active'）；
})
.on（'jcarouselpagination:inactive'，'a'，function（）{
$（this.removeClass（'active'）；
})
.on（'click'，函数（e）{
e、 预防默认值（）；
})
.jcarouselPagination({
perPage:perPageValue，
项目：功能（第页）{
返回“”；
}
});
})
伊卡洛斯先生({
wrap:null，
});
});
})（jqCarrusel）；
var left=$（'.jcarousel prestatges ul'）.css（'left'）；
var posicion=“inicio”//podria ser necesaria？
$（“.jcarousel控件上一个预状态”）
。单击（函数（）{
左=$（'.jcarousel prestatges ul'）.css（'left'）；
如果（左==“0px”| |左==“自动”）{
$（'.jcarousel control prev prestatges'）.addClass（'pruebaddclass'）；
}否则{
$（'.jcarousel control prev prestatges'）.removeClass（'pruebaddclass'）；
$（'.jcarousel-control-prev-prestatges'）.addClass（'aaa'）；
};
});
$（'.jcarousel控件下一个预处理'）
。单击（函数（）{
左=$（'.jcarousel prestatges ul'）.css（'left'）；
如果（左==“0px”| |左==“自动”）{
$（'.jcarousel control prev prestatges'）.addClass（'avanzaAddClass'）；
$（'.jcarousel control prev prestatges'）.removeClass（'pruebaddclass'）；
};
});

我认为这可能被认为是一个重复的问题（特别是因为这个问题的OP也有多个转盘）：

然而，通过在SO和互联网上进行一点搜索，我找到了一个出色的（也被引用）来解释这一点

       <%
    // final List<String> articlesMarkup = ContentListWebContexts.getArticlesMarkup(renderRequest);
    final List<String> articlesMarkupPrestatges = ContentListWebContexts.getArticlesMarkup(renderRequest);

    final ContentListPreferences prefs = ContentListWebContexts.getContentListPrefs(renderRequest);

    final String viewAllFullFriendlyUrl = prefs.getViewAllPageFullUrl(themeDisplay);

    // pageContext.setAttribute( "articlesMarkup", articlesMarkup );
    pageContext.setAttribute( "articlesMarkupPrestatges", articlesMarkupPrestatges );
    pageContext.setAttribute( "viewAllFullFriendlyUrl", viewAllFullFriendlyUrl);
    %>

    <%-- Vista, propiamente dicha --%>

    <c:choose>
        <c:when test="${empty articlesMarkupPrestatges}">
            <p><liferay-ui:message key="contentlist.view.noarticles" /></p>
        </c:when>
        <c:otherwise>
            <%
    //          String friendlyURL = themeDisplay.getLayout().getFriendlyURL();
    //          String currentUrl = URLDecoder.decode(themeDisplay.getURLCurrent(),"UTF-8");
    //          String homeUrl = themeDisplay.getURLHome();
    //          int startIndex = 1;
            %>

            <div class="seccionTitular margenSup">
                <h1 class="two">
    <!--            <div class="masInfoTitular"></div> -->
                <span><liferay-ui:message key="contentlist.view.title.prestatges" /></span>
                <div class="rayaTitularPrestatges pull-left"></div>
                <div class="rayaTitularPrestatges pull-right"></div>
                </h1>
            </div>
<div class="wrapper-prestatges rowPrestatges">

            <div class="jcarousel-wrapper-prestatges">
                <div class="jcarousel-prestatges">
                    <ul id="ulPrestatges">
                    <c:forEach var="articleMarkupPrestatges" items="${articlesMarkupPrestatges}" varStatus="loop">
                        <li>${articleMarkupPrestatges}</li>
                    </c:forEach>
                    </ul>
                </div>

                <a href="#" class="jcarousel-control-prev-prestatges left carousel-control pruebaAddClass"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> <span class="sr-only">Previous</span></a>
                <a href="#" class="jcarousel-control-next-prestatges right carousel-control"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> <span class="sr-only">Next</span></a>

<!--                <p class="jcarousel-pagination-prestatges"></p> -->
            </div>
        </div>
        <script type="text/javascript">
        (function($) {

            $(function() {
                var jcarousel = $('.jcarousel-prestatges');
                var perPageValue = $(this);

                jcarousel
                    .on('jcarousel:reload jcarousel:create', function () {

                        var carouselPrestatges = $(this);
                        var widthWindow = window.innerWidth;

                        carouselPrestatges.css('width', '100%');
                        var widthCarouselPrestatges = carouselPrestatges.innerWidth();
                        carouselPrestatges.css('width', widthCarouselPrestatges + 'px');

                        if (widthWindow >= 1200) {
                            widthCarouselPrestatges = widthCarouselPrestatges / 7;
                            perPageValue = 7;
                        } else if (widthWindow >= 992) {
                            widthCarouselPrestatges = widthCarouselPrestatges / 5;
                            perPageValue = 5;
                        } else if (widthWindow >= 768) {
                            widthCarouselPrestatges = widthCarouselPrestatges / 3;
                            perPageValue = 3;
                        } else {
                            perPageValue = 1;
                        }

                        carouselPrestatges.jcarousel('items').css('width', Math.ceil(widthCarouselPrestatges) + 'px');
                        $('#ulPrestatges').css('width', '20000em');                     

                    $('.jcarousel-control-prev-prestatges')
                        .jcarouselControl({
                            target: '-=' + perPageValue
                        });

                    $('.jcarousel-control-next-prestatges')
                        .jcarouselControl({
                            target: '+=' + perPageValue
                        });

                    $('.jcarousel-pagination-prestatges')
                        .on('jcarouselpagination:active', 'a', function() {
                            $(this).addClass('active');
                        })
                        .on('jcarouselpagination:inactive', 'a', function() {
                            $(this).removeClass('active');
                        })
                        .on('click', function(e) {
                            e.preventDefault();
                        })
                        .jcarouselPagination({
                            perPage: perPageValue,
                            item: function(page) {
                                return '<a href="#' + page + '">' + page + '</a>';
                            }
                        });

                    })
                    .jcarousel({
                        wrap: null,
                    });

            });
        })(jqCarrusel);
        var left = $('.jcarousel-prestatges ul').css('left');
        var posicion = "inicio"; // podria ser necesaria?
        $('.jcarousel-control-prev-prestatges')
        .click(function () {
            left = $('.jcarousel-prestatges ul').css('left');
            if (left == "0px" || left == "auto") {
                $('.jcarousel-control-prev-prestatges').addClass('pruebaAddClass');
            } else {
                $('.jcarousel-control-prev-prestatges').removeClass('pruebaAddClass');
                $('.jcarousel-control-prev-prestatges').addClass('aaa');
            };
        });
        $('.jcarousel-control-next-prestatges')
        .click(function () {
            left = $('.jcarousel-prestatges ul').css('left');
            if (left == "0px" || left == "auto") {
                $('.jcarousel-control-prev-prestatges').addClass('avanzaAddClass');
                $('.jcarousel-control-prev-prestatges').removeClass('pruebaAddClass');
            };
        });
        </script>
   </c:otherwise>
</c:choose>