Grondaia Larghezza su jQuery Muratura / Isotopo non funziona

Im cercando di ottenere una Grondaia Larghezza di 10 punti tra il Div, ma non sembra essere l’applicazione. L’Isotopo script funziona, perché gli elementi casuale intorno e ho un filtro di navigazione a lavorare.

Im solo lottando per ottenere questo Basta!!! 🙁

Heres il codice:

    $('#main-project-grid').isotope({
        masonry: {
            columnWidth: 313,
            gutterWidth: 10
        }
    });

Ed ecco la mia HTML:

    <div class="container" id="main">
        <div class="container-content" id="main-grid">

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

            <div class="post-grid">
                Box Item
            </div>

        </div>      
    </div>
InformationsquelleAutor Jason Mayo | 2012-03-22



2 Replies
  1. 6

    Ho lo stesso problema; ho fatto un jsfiddle per testare il tuo esempio:
    http://jsfiddle.net/elektrorl/5W5HQ/

    edit: http://isotope.metafizzy.co/docs/layout-modes.html#modified_layout_modes >> “Isotopo metodi possono essere estesi e sovrascritto per shim-in funzionalità aggiuntive.”

    • Grazie per questo! Proprio quello che stavo cercando troppo.
    • che cosa circa gutterHeight? avete idea di come questo?
    • Basta aggiungere un margine inferiore (in un raggio di CSS) per il tuo ‘post-grid’ classi per una verticale di gronda.
  2. 5

    Modifica gutterWidth dalla “gronda” per me ha funzionato:

    $('#main-project-grid').isotope({
        masonry: {
            columnWidth: 313,
           "gutter": 10
        }
    }); 
    • wat? a differenza di gutterWidth, e contrariamente alla muratura, documenti, questo funziona davvero! grazie.
    • Wow, non posso credere che questo effettivamente lavorato. Non ho guardato il sorgente per vedere perché, ma grazie per il suggerimento! Aggiornamento: Sembra che ci davvero oscurare la documentazione su questo. Vedere masonry: gutter in Elemento Dimensionamento e questo CodePen per esempio dallo stesso uomo.

Lascia un commento