同位素：选择并在顶部显示.xx类

我正在使用Isotope中的排序方法（http://isotope.metafizzy.co/docs/sorting.html），并且需要在单击链接时显示在顶部分配给它们的特定CSS类名称的元素。 其余元素必须在排序元素下方保持可见，因此我无法使用同位素过滤。

我对JS / jQuery不太满意，所以我甚至不确定这个代码是否正确设置，但是目前我的元素按日期排序很好，但它对所有元素都这样做。 我希望我的代码能够找到类名为“blogs”的所有元素，然后按日期排列。 到目前为止这是我的代码：

getSortData : { blogs : function( $elem ) { return $elem.attr('.blogs'), $elem.find('.date').text(); } } 

Answer 1

Isotope根据您提供的函数的返回值进行正常排序。

因此，您需要返回将.blog元素放在顶部的内容。

我假设只有你使用$elem.find('.date').text()

因此，要改变它，您可以在开头为.blog元素添加一个空格

尝试

 getSortData : { blogs : function( $elem ) { var isBlog = $elem.hasClass('blogs'); return (isBlog?' ':'') + $elem.find('.date').text(); } } 

---

更新评论

  sortBy: 'initial', sortAscending : false, itemSelector: '.module', getSortData: { initial: function($elem) { return $elem.find('.date').text(); }, blogs: function($elem) { var isBlog = $elem.hasClass('blogs'); return (isBlog ? '9' : '') + $elem.find('.date').text(); },