packery

5熱度

1回答

我正試圖讓包裝/砌體在組件上工作。 Packery正在檢測容器，但給它一個零高度，暗示即使我正在使用imagesLoaded，內容尚未加載。我已經嘗試過使用各種生命週期鉤子，但它們都有相同的結果，所以丟失的位置與我出錯的地方相同。 import {BlogService} from './blog.service'; import {Blog} from './blog.model'; imp

1熱度

1回答

我試圖強制packpage.js洗牌時，fullpage.js回調onSlideLeave和afterSlideLoad

我一直在嘗試觸發類似於頁面調整大小項目的打包動畫。當整頁幻燈片切換時，我希望打包項目重新排序。我打算使用不同的方法，但我已經開始嘗試使用fit方法，在fullpage.js回調「onSlideLeave」和「afterSlideload」發生時觸發。我的想法是從整個網格的左側移動一個項目，以強制重新洗牌動畫。我在codepen上創建了一個簡化的測試用例，reduced test case。 ent

0熱度

1回答

Packery JS與一個預定義的網格

因此，我正在製作一個網站，其上有不同大小的平鋪頁面。我已經寫了javaScript，需要瓷磚，列數和行數。然後，它創建一個網格，並在網格中完美貼合瓷磚，並用小塊瓷磚填充任何空餘空間。我得到一個到底是瓷磚有大小的數組，並有cooridantes基於列和行如量， blocks = [ { element: $('<div class="large"></div>'),

3熱度

1回答

與三角形的砌體網格？

是否有可能創建一個石工網格，比如Packery，但是使用三角形或者通過CSS或SVG完成？我能夠成功地做到這一點，但是將三角形彼此對齊，因此沒有差距似乎是一個挑戰。我有以下幾點： <div id="container"> <div class="item"></div> <div class="item ud"></div> <div class="item"></

2熱度

2回答

jquery用戶界面無法從左側拖動到右側

在我的頁面上，我正在使用Jquery UI extension對div進行排序。該div分爲2列。我創建了一個JS Bin，請看看它。當您將所有3格拉到左側時，您無法再將它們放在右側。錯誤在哪裏？ $(document).ready(function() { var $grid = $('.grid').packery({ itemSelector: '.gridIt

0熱度

1回答

使用Isotope和Webpack時，無法讀取未定義的屬性'packery'

我試圖在webpack中使用Isotope中的packery佈局模式。當前設置： jQuery的版本附帶的WordPress CoffeeScript的修改Gulp Starter 這裏就是我打電話同位素的packery佈局文件。我不斷收到錯誤Uncaught TypeError: Cannot read property 'packery' of undefined。這裏是完整的控制檯和文件

0熱度

1回答

找不到名字'Draggabilly'。在Angular 2 Typescript

ngOnInit() { jQuery(function() { var $grid = jQuery('.grid').packery({ itemSelector: '.grid-item', columnWidth: 100, rowHeight: 100, }); // make all grid-

0熱度

1回答

由於jQuery高度而引起的包裝錯誤計算位置

我有一個類似以下圖像的佈局，我使用Packery來獲取。我正在用jquery計算高分div的高度。一切都很好第二負載時，或刷新頁面。在第一次加載時，不會計算高大的div的高度，因此packery會將我的圖像放置在彼此頂部（以鉻色顯示）。在Firefox中，創建了一個奇怪的空白空間，並且元素被定位在該空間的周圍。我不知道如何解決這個問題。我的JS（修改的建議）： angular.module('

2熱度

1回答

1px使用同位素砌體（或包裝）expecialy在Safari上的差距

我很抱歉我的英語。這是很多天，我試圖找出一個問題，我看到試圖創建一個圖像響應全寬網格。要創建這個網格，我使用砌體佈局的同位素（http://isotope.metafizzy.co/）或Packery（http://packery.metafizzy.co/layout.html）。我已經嘗試了兩種方法，並且都有同樣的問題。對於我的瀏覽器的一些分辨率，我發現圖像之間有1px的間隙（如下圖所示）。

1熱度

1回答

包裝未初始化 - 無法調用方法，即$（）。packery（「bindDraggabillyEvents」）

我想在圖像上傳功能上結合打包和dragabilly。我正在使用相同的函數初始化它們兩個，但得到packery未初始化的錯誤。我試圖將我的代碼分成兩個函數，一個用於處理圖像上傳和dragabilly。另一個處理打包，但我仍然遇到同樣的問題。現在圖像被拖入，並可拖動，但打包沒有得到初始化。任何幫助表示讚賞！ JS function handleFileSelect(evt) { var fi