jQuery चिनाई आइटम ऑर्डर

Question

मैं यहां मूल आइटम ऑर्डर का सम्मान करने के लिए चिनाई कैसे प्राप्त कर सकता हूं?

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

Answer 1

चिनाई प्लगइन रास्ता या सॉर्टिंग विकल्प में बहुत प्रदान नहीं करता है, जैसा कि आप उनके API में देख सकते हैं: मैं डॉल्फिन, मछली, अकशेरुकी pinnipeds होने के लिए करना चाहते हैं। हालांकि, एक ही लेखक द्वारा आइसोटोप प्लगइन सॉर्टिंग विकल्पों की एक बड़ी पेशकश प्रदान करता है।

http://isotope.metafizzy.co/

जैसा कि आप जानते हैं, तो आप यहाँ छँटाई संदर्भ है इस (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 
}); 

की तरह अपने सभी jQuery कोड लपेट कर सकते हैं। http://isotope.metafizzy.co/docs/sorting.html इसके अलावा प्रलेखन निर्दिष्ट करता है कुछ अतिरिक्त sortBy पैरामीटर:

• 'मूल-आदेश' आइटम तत्वों का मूल आदेश का उपयोग करेगा उन्हें लेआउट में व्यवस्था करने के लिए।
• 'यादृच्छिक' एक यादृच्छिक क्रम है।

यहां एक साधारण डेमो है, जो इसे सब कुछ दिखाने के लिए दिखा रहा है। कोशिश करें और कोड करें कि कोड क्या कर रहा है और ऐसा करने के लिए अपना कोड समायोजित करें। यदि यह आपको पसंद नहीं कर रहा है, तो कोशिश करें और पता लगाएं कि आपको किस मोड की आवश्यकता है। GetSortData ऑब्जेक्ट देखें? category कुछ ऐसा है जो आपको परिभाषित करता है। यह पूरी तरह से मनमाना है। आप backwards श्रेणी बना सकते हैं और डेटा को उचित तरीके से वापस करने के लिए केवल फ़ंक्शन लिख सकते हैं।

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

Answer 2

वहाँ बनाने के लिए jQuery चिनाई के लिए plugin - "masonry-ordered" तरह

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