Javascript 如何正确初始化jQuery工具&x27；单个项目的可滚动组件？

我创建了一个使用jQuery工具的可滚动组件的网页，该网页基于。正如在本演示中一样，我的页面也使用可滚动项目，可容纳五个缩略图，但当我的页面第一次加载时，我只需要一个仅包含三个缩略图的可滚动项目，其余两个图像槽为空。我假设我可以简单地将演示中的三个可滚动项div替换为一个可滚动项div，一切看起来都很好，但是当我这样做时，我最终看到无法操作的左/上一个和右/下一个图标，即使没有上一个或下一个可滚动项可滚动

我有一个关于我在JSFIDLE站点上尝试做什么的例子。它本质上是上面提到的演示，带有不适用的可滚动项div和子img注释掉

如何初始化可滚动项，使页面上只有一个可滚动项，而不显示不适用的左/上一个和右/下一个图标

---

提前感谢您的帮助、建议等。

我能想到的最好办法是

if($(".scrollable .items div").length < 2) $("a.browse").hide();

if（$（“.scrollable.items div”）.length<2）（$（.browse”）.hide（）；

---

初始化后。

我希望默认情况下隐藏浏览按钮，然后仅在需要时显示它们

在css中，将

a.browse

默认为

visibility:hidden

然后在初始化中：

$(".scrollable").scrollable().each( function() {
  var scroller = $(this).data("scrollable");
  scroller.getNaviButtons().css('visibility', 'visible');
  if (scroller.getSize() <= 1) {
    scroller.getNaviButtons().addClass('disabled');
  }
});

$（“.scrollable”）.scrollable（）.each（函数（））{
var scroller=$（this）.data（“可滚动”）；
scroller.getNaviButtons（）.css（'visibility'，'visible'）；
if（scroller.getSize（）