jQuery Albañilería orden de los artículos

Question

¿Cómo puedo conseguir que la mampostería respete más del orden de los artículos originales aquí? Me gustaría que el fin de delfines, peces, invertebrados, pinnipeds:

var $container = jQuery('.tax-product_cat #content'); 
$container.imagesLoaded(function(){ 
    $container.masonry({ 
     itemSelector: 'li.product', 
     gutterWidth: 22 
    }); 
}); 

Answer 1

El plug-in de mampostería no ofrece mucho en el camino o las opciones de clasificación, como se puede ver en su API. El plugin Isotopo del mismo autor, sin embargo, ofrece una gran cantidad de opciones de clasificación.

http://isotope.metafizzy.co/

Para que sepan, se puede envolver todo el código jQuery como esto (function($){ //your code here })(jQuery);

var container = $('.tax-product_cat #content'); 

container.isotope({ 
    itemSelector : 'ul li', 
    getSortData : { 
    category : function (el) { 
     // el refers to each item matching `itemSelector` 
     return el.find('h3').text().trim(); 
    } 
    }, 
    sortBy : 'category', 
    sortAscending : true 
}); 

Aquí está la referencia de la clasificación. http://isotope.metafizzy.co/docs/sorting.html también la documentación especifica unos parametros sortBy adicionales:

• 'original de una orden' utilizará el orden original de los elementos item para organizarlas en el diseño.
• 'aleatorio' es un orden aleatorio.

Aquí hay una demostración simple que muestra todo para que funcione. Intente averiguar qué está haciendo el código y ajuste su código para hacer lo mismo. Si no los está ordenando como desea, intente averiguar qué modo necesita. Ver el objeto getSortData? category es algo que usted define. Es completamente arbitrario. Puede hacer una categoría backwards y simplemente escribir la función para devolver los datos de la manera correcta.

http://jsfiddle.net/SRW6g/19/embedded/result/

Answer 2

Hay plugin - "masonry-ordered" para la albañilería jQuery para que se comporte como una especie

1, 2, 3 
4, 5, 6 
7, 8, 9