1

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

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

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

1 回答 1

3

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

所以你需要返回一些将.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();
        },
于 2012-03-14T10:54:41.153 回答