如何正确初始化单个项目的jQuery Tools'Scrollable组件？

我创建了一个使用jQuery Tools'Scrollable组件的网页，该页面基于minimal setup demo。就像在这个演示中一样，我的页面也使用可滚动的项目和五个缩略图图像的空间，但是当我的页面第一次加载时，我只想要一个只包含三个缩略图图像的可滚动项目，其余两个图像插槽为空。我认为我可以用一个可滚动的项目div来简单替换演示中的三个可滚动项目div，并且一切看起来都很好，但是当我这样做时，最终看到无法操作的左/前和右/下图标，即使有没有以前或下一个可滚动项目滚动到。如何正确初始化单个项目的jQuery Tools'Scrollable组件？

我有什么，我想在现场的jsfiddle做here一个例子。它基本上是上面引用的演示，其中不适用的可滚动项目div和子imgs被注释掉。

我怎么能初始化滚动，这样我只有在页面上一个滚动项目，而不必非适用左/前右/下一个图标出现在哪里？

预先感谢您的帮助，建议等

来源

2011-07-28 James Adams

最好我能想出是

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

初始化之后。

来源

2011-07-28 20:58:18

我希望浏览按钮在默认情况下处于隐藏状态，只有在需要时才显示它们。

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

这似乎有点哈克，但避免了暂时显示浏览按钮，如果他们不打算待观察。

来源

2011-11-03 14:52:10

如何正确初始化单个项目的jQuery Tools'Scrollable组件？

回答

相关问题