नीचे से

Question

से jQuery चिनाई क्या कोई जानता है कि नीचे से jQuery चिनाई ढेर कैसे बनाना है? मैंने कुछ प्राथमिक जेएस को नीचे से चीजों को ढेर करने के लिए लिखा था, लेकिन यह छोटी सी कॉलम और ईंटों पर अगले ईंट को ढेर करने जैसी चिनाई सामग्री नहीं कर सका जो कई स्तंभों का विस्तार करता है। चूंकि मैं गणित के साथ अच्छा नहीं हूं, इसलिए स्रोत कोड को देखकर मुझे चक्कर आती है।

कोई भी कोशिश करना चाहते हैं?

Answer 1

आप हंसने जा रहे हैं कि यह करना कितना आसान है, लेकिन आपको प्लगइन को संशोधित करने की आवश्यकता होगी (demo)।

var position = { 
     left: props.colW * shortCol + props.posLeft, 
     top: minimumY 
    }; 

इस के लिए

:

var position = (opts.fromBottom) ? { 
     left: props.colW * shortCol + props.posLeft, 
     bottom: minimumY 
    } : { 
     left: props.colW * shortCol + props.posLeft, 
     top: minimumY 
    }; 

इस से 85 (सभी को बदल रहा जरूरत bottom को top था, लेकिन मैं जोड़ा दोनों ताकि आप वापस आ सकते हैं और पीछे) -

असल में, मैं लाइन 82 बदल तुम ग अब

// Default plugin options 
    $.fn.masonry.defaults = { 
    singleMode: false, 
    columnWidth: undefined, 
    itemSelector: undefined, 
    appendedContent: undefined, 
    fromBottom: false, // new option 
    saveOptions: true, 
    resizeable: true, 
    animate: false, 
    animationOptions: {} 
    }; 

:

फिर चूक में विकल्प जोड़ा तो तुम सिर्फ परिवर्तन यदि आप उन्हें अपने आप को ऐसा करने के लिए नहीं करना चाहती डाउनलोड कर सकते हैं मैं भी forked the repository GitHub पर,: एक सिर्फ इस तरह प्लगइन का उपयोग:

$('#masonry').masonry({ fromBottom: true }); 

---

अद्यतन।