동위 원소 : 맨 위에 .xx 클래스를 선택하고 표시합니다.

Question

ISOTotope 내에서 정렬 방법 (http://isotope.metafizzy.co/docs/sorting.html)을 사용하고 링크가있는 경우 상단에 할당 된 특정 CSS 클래스 이름이있는 요소를 표시해야합니다.클릭하십시오.나머지 요소는 정렬 된 요소 아래에 표시되어야합니다. 그래서 Isotope 필터링을 사용할 수 없습니다.

JS / jQuery에 너무 편안하지 않으므로이 코드가 올바르게 설정되어 있지만 현재 내 요소는 훌륭한 날짜별로 정렬되지만 모든 요소에 대해이 작업을 수행하는 것입니다.'블로그'의 클래스 이름을 가진 모든 요소를 찾고 날짜별로 준비하는 코드를보고 싶습니다.이것은 지금까지 내 코드입니다 :

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

.

Answer 1

동위 원소는 제공 한 함수의 반환 된 값을 기반으로 정상적인 정렬을 수행합니다.

맨 위의 .blog 요소를 맨 위에 놓아야하는 것을 반환해야합니다.

Date에서만 $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();
        },

.