jcarousel 여러 항목이 X보다 작 으면 두 화살표를 숨 깁니다.

Question

이 코드가 있습니다.로드 및 .ready 함수에 넣으려고했으나 회전식 커서가 완전히로드되지 않았기 때문에 작동하지 않습니다. 아직.

var num_rec = "${recProducts.size()}"; 
if(num_rec < 5){ 
    jQuery(".jcarousel-prev").attr("disabled", true); 
    jQuery(".jcarousel-next").attr("disabled", true); 
    jQuery(".jcarousel-clip").attr("style", 'postion:relative; width:312px;'); 
} 

이제이 코드는 실행되지만 캐 러셀 옵션에 의해 무시됩니다. 이 코드를 실행하는 기능을 실행하는 데 사용할 수있는 회전식 캐 러셀 옵션이 있습니까?

내 컨베이어에 4 가지만 있다면 모든 네 가지가 표시되므로 페이징을 모두 표시 할 필요가 없으므로 페이징을 모두 제거하고 컨 테이 너를 조금 더 크게하여 사진에 ' 그만둬. 페이징이 필요하지만 4 이상인 경우.

Answer 1

HA! 실제 스타일 시트에 추가 스타일을 작성했습니다. 이것은 내가 찾고있는 것이 아니지만 작동합니다. CSS 가시성을 사용하면 요소를 사용하는 캐 러셀 플러그인에 의해 요소에 추가 된 인라인 스타일이 없기 때문에 작동합니다.

if(num_rec < 5){     
    document.styleSheets[0].addRule(".pdp-main .recommendations .jcarousel-next", "visibility:hidden;"); 
    document.styleSheets[0].addRule(".pdp-main .recommendations .jcarousel-prev", "visibility:hidden;"); 
} 

대신에 insertRule을 사용해야합니다.

더 깨끗한 방법이 있는지 알고 싶습니다. jQuery 규칙 플러그인이 작동하지 않습니다.

Answer 2

간체 JQuery와 methd :이 코드는 문제를 해결하는 데 도움이 될 수 있지만

var total_items = jcarousel.find('li').length; 
if(total_items < 5) 
{     
    $('.jcarousel-control-prev, .jcarousel-control-next, .jcarousel-pagination').hide(); 
} 

Answer 3

var items = $('.carousel-navigation').jcarousel('items'); 
    total_items=items.length; 
    if(total_items < 5){     
    $('.prev-navigation, .next-navigation').hide(); 
    }