如何正確初始化單個項目的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組件？

回答

相關問題