Jquery 如果项目数小于X，jcarousel将隐藏两个箭头

所以我有这段代码，我试着把它放到

.load

和

.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;');
}

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（“样式”，“位置：相对；宽度：312px；”）；
}

现在，此代码运行，但被旋转木马选项覆盖。 我可以使用旋转木马的一个选项来运行一个函数来运行这个代码吗

如果我的旋转木马中只有四个东西，那么就不需要显示任何分页，因为这四个东西都会显示出来，所以我想将分页全部删除，并将容器放大一点，这样图片就不会被切断。如果超过4个，尽管我需要分页。

HA！ 我在实际的样式表中写了一个额外的样式。这不完全是我想要的，但它是有效的。使用CSS可见性是有效的，因为使用它的carousel插件没有向元素添加内联样式

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;");
}

if（num_rec<5）{
document.styleSheets[0].addRule（“.pdp main.recommendations.jcarousel next”，“可见性：隐藏；”）；
document.styleSheets[0].addRule（“.pdp main.recommendations.jcarousel prev”，“可见性：隐藏；”）；
}

对于FireFox，您必须改用insertRule

---

我仍然想知道是否有一个更干净的方法来做到这一点。jQuery规则插件对我不起作用。

简化的jQuery方法：

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

var total_items=jcarousel.find（'li'）.length；
if（总项目数<5）
{                
$（'.jcarousel-control-prev、.jcarousel-control-next、.jcarousel-pagination'）.hide（）；
}

var items=$（'.carousel-navigation'）.jcarousel（'items'）；
项目总数=项目长度；
如果（项目总数<5）{
$（'.prev导航，.next导航'）.hide（）；
}

虽然此代码可能有助于解决问题，但它没有解释为什么和/或如何回答问题。提供这种额外的环境将大大提高其长期教育价值。请在回答中添加解释，包括适用的限制和假设。

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