jquery-masonry

0熱度

1回答

我使用的同位素砌體畫廊，但發現很難除去行之間的頂部/底部的空白頂部/底部邊緣（見圖片）我怎樣才能去做這個？我正在使用的代碼是基於以下幾點： http://simbyone.com/animated-masonry-gallery-with-filters/ 如前所述，我直接使用的代碼從上面包括JavaScript和CSS該網址。對於圖像的HTML是使用PHP，但輸出創建如下： <div id=

0熱度

1回答

.grid增加了不需要的高度

我嘗試了一切，並搜索了這個問題，但無法解決它。看起來像.grid已經添加了一個額外的100px，這是不受歡迎的，並與我的佈局混淆。我做錯了什麼？所示的額外添加的高度 Link 1px border yellowbox：.grid 1px border綠盒子：.grid-item 的CSS： .grid { border: 1px solid yellow; width: 5

1熱度

1回答

PJAX /砌體在Firefox中失敗

在我的wordpress網站（http://goo.gl/J8qrSE）我正在使用Masonry（masonry.desandro.com）和PJAX（https://github.com/defunkt/jquery-pjax）進行過渡。一切工作正常在Chrome瀏覽器& IE瀏覽器，但在Firefox的主頁加載正常，你可以點擊一個畫廊（再次，工作正常），但是當你點擊標誌返回首頁所有磚石圖像是

1熱度

1回答

防止砌體網格重新排列

我有一個完全流體的包裝佈局的砌體網格設置。但是，在調整瀏覽器大小時，網格會自行重新排列。我想保持網格完全靜態。的jsfiddle：http://jsfiddle.net/5gL8bz3e/1/ 這裏是我的CSS： body { overflow-y: scroll; } .grid-item, .grid-sizer { width: 5.3125vw;

0熱度

2回答

在砌體視圖中增加頂部位置

在砌體視圖中，我想增加頂部位置。此刻，頂部位置自動設置。我怎樣才能增加它？從磚石JS 我的jQuery代碼 <script>$(document).ready(function() { $('.grid').masonry({ itemSelector: '.grid-item', columnWidth: 170, gutter: 20,

0熱度

2回答

使用Kaminari和Masonry時顯示的結果相同

我使用Kaminari，Masonry和無限滾動的附加組件。我用磚石進行了無限滾動，但每次進入頁面並看到項目列表時，它都會再次呈現相同的項目至少25次，當只有26個時，會給我列出650個列出的項目。我的代碼位於下方，問題我問是爲什麼會發生這種情況？ items_controller.rb def index @items = Item.order("created_at DESC").p

0熱度

1回答

如何調整columnWidth中塊被重新

我想列到最小寬度，所以我使用下面的代碼來確定每個列應該是建立什麼大小前： jQuery(document).ready(function() { var $container = $('#items'); var numCols = Math.floor(window.innerWidth/290); var newWidth = Math.floor(window.

0熱度

1回答

砌體+使用Jquery加載更多功能

我需要一個認真的幫助。我用砌體佈局創建了一個頁面，我需要添加一個加載更多的效果。請參見下面的結構： <div id="main-container"> <div class="item">Content Here... 1 </div> <div class="item">Content Here... 2 </div> <div class="item">Content Here...

0熱度

1回答

使用砌體佈置物品

我正在使用波旁及其附帶的網格框架整潔地創建一個網站，並希望將砌體整合到佈局區域以顯示新聞文章。我想我已經把所有東西都設置了正確，但是看起來砌體的計算有些偏離，因爲應該並排坐的物品只是將一個物品疊放在另一個下面。對於我的佈局，我使用Neat的標準@include span-columns() mixin以及文章元素上的flexbox，以便我可以在文章中佈局元素。我已經包含了grid-sizer

0熱度

1回答

Ember-cli，砌體，同位素，包裝。如何使用？

我需要在我的ember-cli項目中使用它們。如何開始？我所著的終端： bower install isotope --save 然後在我的燼-CLI-build.js我加app.import ecc...，但我不知道該怎麼辦。哪裏把我的intialization腳本，像這樣： $('.grid').isotope({ // options itemSelector: '