同位素排序HTML數據屬性

Question

我想基於HTML屬性的同位素結果進行排序： HTML：

<div id="results"> 
    <div data-order="1">Test 1</div> 
    <div data-order="2">Test 2</div> 
    <div data-order="1">Test 2</div> 
</div> 

的Javascript：

var container = jQuery('#results'); 
container.isotope({ 
       getSortData: { 
        order: '[data-order] parseInt' 
       }, 
       sortBy: ['order'] 
      }); 

當我嘗試這從https://isotope.metafizzy.co/sorting.html#sortby注意到它似乎並沒有爲我工作。這是我設置了一個過濾器後。

Answer 1

我想通了這一點，我需要運行updateSortData功能應用我的變化：

container.isotope('updateSortData').isotope();