Isotope: Sélectionnez et affichez la classe .xx au sommet

J'utilise les méthodes de tri dans Isotope (http://isotope.metafizzy.co/docs/sorting.html) et j'ai besoin d'afficher des éléments avec un nom de classe CSS spécifique qui leur est assigné en haut lorsqu'un lien est cliqué. Les éléments restants doivent rester visibles sous les éléments triés, de sorte que je ne peux pas utiliser le filtrage isotopique.

Je ne suis pas très à l'aise avec JS / jQuery, donc je ne suis même pas sûr si ce code est même défini correctement, mais actuellement mes éléments trient par date, ce qui est génial, mais cela fait pour tous les éléments. J'aimerais que mon code trouve tous les éléments avec le nom de la classe des «blogs» puis arrête par date. C'est mon code jusqu'à présent:

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

L'isotope fait un tri normal en fonction de la valeur retournée de la fonction que vous fournissez.

Vous devez donc renvoyer quelque chose qui met les éléments .blog au sommet …

Je suppose que pour la date seulement vous avez utilisé $elem.find('.date').text()

Donc, pour modifier cela, vous pouvez simplement ajouter un espace au début pour les éléments qui sont .blog

essayer

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

Mise à jour pour commentaires

  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(); },