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但是你需要有一个名字类，而不是名字=＆＃34; a＆＃34;等等。另外，你的同位素容器是主席块，而不是排序块。你的同位素代码不正确。正如我所说，更多代码来获得你的帮助。你在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
 }
 });

这是 sorting codepen

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

1 个答案: