jQuery Duvar Kağıdı ürün siparişi

Question

Orijinal eşya siparişine daha çok saygı göstermek için duvarları nasıl alabilirim? Onların API de görebileceğiniz gibi

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

Answer 1

duvarcılık eklentisi, şu veya bu şekilde sıralama seçenekleri çok sağlamaz: Ben yunuslar, balık, omurgasızlar, yüzgeçayaklı olmak emri istiyorum. Bununla birlikte, aynı yazarın Isotope eklentisi, çok sayıda sıralama seçeneği sunuyor. Bilesin ki

http://isotope.metafizzy.co/

, sen burada sıralama referans var tüm jQuery kod bu (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 
}); 

gibi sarabilirsiniz. http://isotope.metafizzy.co/docs/sorting.html Ayrıca dokümantasyon birkaç ek SortBy params belirtir:

• 'orijinal dereceden' düzeni düzenlemek için kalem elemanlarının orijinal sırayı kullanır.
• 'rasgele' rastgele bir sıralamaydı.

İşi kolaylaştırmak için her şeyi gösteren basit bir demo. Kodun ne yaptığını deneyin ve kodlayın ve kodunuzu aynısını yapmak için ayarlayın. Onları istediğiniz gibi sıralamıyorsa, hangi modda ihtiyacınız olduğunu bulmaya çalışın. GetSortData nesnesine bakın? category, sizin tanımladığınız bir şeydir. Tamamen keyfi. backwards kategorisini oluşturabilir ve verileri doğru şekilde döndürmek için işlevi yazabilirsiniz.

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

Answer 2

yapmak jquery Kâgir plugin - "masonry-ordered" sana verilen demo ödeme Can sıralama

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