jQuery同位素限制元素的數量？

是否可以限制同位素中的條目數量？目前，我正在使用Isotope來創建類似於表格的數據結構，並且我正在添加動態排序。jQuery同位素限制元素的數量？

它的方式 - 我有一組HTML條目（暫時爲10）。它們按時間順序排序。當用戶選擇某種排序時，數據庫中有其他條目可能與請求的參數匹配，但它們不會被加載。所以我使用jQuery插入符合用戶的元素排序請求

$.get('myfile.php?request=something', function(callback) { 
    var $newItems = $(callback); 
    $('.container').isotope('insert', $newItems); 
    $('.container').isotope({ sortBy : USER_SORT }); 
});

一切的一切完美的作品，我唯一的問題是，我得到加入了更多的元素（我想保留的可見集數項）。我可以做一個解決方法，並限制我的容器的高度，並設置overflow: hidden;，但我也實現垂直無限滾動（當你滾動到底部更多的條目被添加）。所以這需要對容器本身進行持續管理，而且在我看來，應該有更好的方法來做到這一點？

另一種方式是添加新元素，進行排序，然後從底部刪除不需要的條目，但這會很糟糕，因爲用戶會看到額外的數據過濾和動畫，然後刪除。

所以我的問題..有沒有辦法限制同位素本身內的條目？或者，也許有人對如何限制他們有更好的想法？

感謝

來源

2012-11-16 Matt

可以使用nth-child CSS選擇器來限制設定的篩選結果，例如中

$grid.isotope({ 
    filter: ':nth-child(-n+10)' 
});

這將顯示前10個結果。

來源

2013-05-20 15:44:08 thv20

以爲我會加我的兩美分，因爲:nth-child(-n+*)是不適合我的情況。原因在於，第n個孩子按照他們在DOM中出現的順序選擇元素，所以如果元素是隨機排列的，那麼它並不真正起作用。

一個來解決這個問題不太優雅的方式是將同位素實例的項目選擇更改爲您添加到您要顯示的項目，如.item-selected一類，那麼類添加到第一n項目filteredItems集合從arrangeComplete回調中返回。這是不雅的，因爲它需要你每次過濾時都要銷燬和重新初始化你的同位素容器，但它是有效的。

來源

2015-09-04 15:00:33

jQuery同位素限制元素的數量？

回答

相關問題