jquery-masonry

2熱度

2回答

我已經使用砌體佈局grid類和grid-items是列。我正在加載砌體加載事件如下 $(window).load(function() { $('.grid').masonry({ // options itemSelector: '.grid-item', horizontalOrder: true, isAnimated: true, ani

0熱度

1回答

jquery砌體不適應移動視口

我有兩個Jquery砌體的安裝，就我而言，彼此是相同的。其中一個調整爲移動視口，另一個不調整。當我做手機故障排除，由磚石寫的風格第一： <div id="list_of_albums" style="position: relative; height: 484.656px;" class="masonry"> 第二： <div id="post-area" class="masonry"

0熱度

1回答

砌體中有空格但所有細胞具有相同的寬度

很奇怪，磚石缺少大的空間，但所有li具有相同的寬度： HTML： <div class="one-gallery"> <section class="grid-wrap"> <ul class="one-grid"> <li class="grid-sizer"></li> <li

0熱度

1回答

砌體中心物品

我試圖在Masonry網格中居中放置物品。我已閱讀並嘗試了很多關於將網格本身居中的相關文章，但沒有爲這些文章提供任何幫助。我試過到目前爲止：添加/刪除排水溝添加/刪除的fitwidth選項試圖容器嘗試添加上添加margin 0 auto /刪除容器上的寬度。我創建了一個片段來表示問題 $(document).ready(function() { var $containe

0熱度

1回答

在同位素砌體jQuery插件中顯示靜態塊

我使用的WordPress主題是使用同位素jQuery插件在我的網站here中顯示pinterest像瓦片結構。我試圖在其他瓷磚之前顯示靜態全寬度瓷磚，以添加網站的小型說明以及用於SEO目的。但其他瓷磚重疊，看不清楚。我期待在頁面頂部顯示一個完整寬度的塊，在這個圖像中就像這樣。於是，我就從Masonry Isotope website使用這樣的事情， jQuery('.index-isotop

1熱度

1回答

jQuery的 - 用imagesLoaded插件infinitescroll裝載微調

我使用（石工+ imagesLoaded + infinitescroll）以下this例如，一切工作正常，除了裝載微調，imagesLoaded完成之前是隱藏的，這裏是我的代碼： var $container = $('#masonry-grid'); // Masonry + ImagesLoaded $container.imagesLoaded().progress(function

0熱度

1回答

如何將砌體應用到由ajax附加的項目

我有一個圖片網格，在移動視圖（320 X 480）中，有一個「加載更多」按鈕。容器格如下： <div id="divMoments" class="grid" data-masonry='{ "itemSelector": ".grid-item"}'> <div class="grid-item"> <div class="gridContainer"> <img

0熱度

1回答

砌體高度的砌體

我已經使用砌體的幾件事情，但想嘗試一個新的效果，在我的眼睛涉及設置的高度（或可能不需要）。這是我想要得到的效果：的方式我已經走了它是添加2個額外的類稱爲水平和垂直的，各有不同的高度。這似乎是好的。我遇到的問題是它沒有產生磚石效應。我已經將一個codepen鏈接到了我目前爲止和標記/ jquery匹配的地方。 https://codepen.io/amymatrix/pen/wrBYPK HTML

0熱度

1回答

砌體JS忽略CSS轉換

我目前有一個問題，當點擊更改高度我的div。我正在使用砌體和引導程序來顯示卡片佈局，並展開卡片以揭示有關點擊的更多信息，但只能將列內的卡片向下移動而不是連續移動。當我試圖用CSS添加轉換時，它被忽略，並且div僅切換'.open'類的新高度。感謝您的幫助！下面是該項目的Codepen供參考：https://codepen.io/silasisland/pen/YrXPov HTML <main>

0熱度

1回答

砌體問題 - 圖像首先垂直加載，然後重新排列。

示例 - http://paulmatheson.net/photography/nature.html 我的磚石代碼： <script type="text/javascript"> var $container = jQuery('#masonry-grid'); $container.imagesLoaded(function() { $container.masonry({