jQuery Isotope-如何按字母順序排序？

Question

使用同位素庫並嘗試使其按字母順序排序。 到目前為止，我的方法如下：

<div class="sort-block">
  <div name="a">a<div>
  <div name="z">z</div>
  <div name="w">w</div>
</div>

並初始化同位素如下：

var $container = $('.chair-block').isotope({
  getSortData: {
    name: '.name' // text from querySelector
}
});

但是訂單沒有任何反應。 那里有同位素專家嗎？

Answer 1

需要查看更多代碼或創建一個jsfiddle，但是您需要具有一個名稱類，而不是name =“ a”等。而且，您的同位素容器是chair-block而不是sort-block。 您的同位素代碼不正確。 正如我所說的，更多代碼可以幫助您。 您是否在jQuery之后加載同位素，是否正在使用v2？

<div class="chair-block">
<div class="item name">a<div>
<div class ="item name">z</div>
<div class ="item name">w</div>
 </div>

使用Javascript

 var $container = $('.chair-block');
 $container.isotope({
 itemSelector: '.item',
 masonry: {
    columnWidth: 100
 },
 getSortData: {
    name: '.name' // text from querySelector
 }
 });

這是一個排序碼筆