Описание тега packery

Packery is a pure JavaScript/jQuery layout library that intelligently lays out elements so as to fit them into as small a space as possible.
1 ответ

Пакетное наложение, метод размещения не работает должным образом при добавлении html-элементов через ajax

Пример не работает Приведенная выше ссылка является примером моей проблемы. Когда я добавил текст в span с помощью ajax, divs были перекрытия. Однако, если я добавлю текст без ajax, layout метод работает. Пример работает без ajax Есть ли способ изм…
10 июн '14 в 05:15
1 ответ

Иногда изображения не загружаются прямо на странице Packery Masonry

Я использую Packery для автоматической настройки изображений на сайте: http://jsfiddle.net/tryjkvg3/ var container = document.querySelector('#container'); var pckry = new Packery(container, { // options itemSelector: '.lista-isotope', gutter: 0 }); …
30 июл '15 в 12:02
2 ответа

Angularjs с Packery.js

Попытка заставить Packery.js работать с приложением angularjs, с которым я работаю. По некоторым причинам они, кажется, не играют хорошо вместе. Я думал, что это может быть решено с isInitLayout ложная установка, однако, по-прежнему нет любви. Вот м…
0 ответов

React Packery реагирует-сетка-макет, сетка не выкладывается горизонтально

Я использую STRML response-grid-layout, пакетную сетку для React. Я беру объект массива в пользовательском интерфейсе. Но предметы не заполняют сетку. Я пытаюсь понять, почему это так. renderData() { return this.state.data.length > 1 ? this.state…
1 ответ

Кирпичная сетка с треугольниками?

Можно ли создать кладочную сетку, такую ​​как Packery, но используя треугольники, выполненные с помощью CSS или SVG? Я могу сделать это успешно, однако выравнивание треугольников рядом друг с другом, чтобы не было пропусков, кажется сложной задачей.…
02 ноя '15 в 16:23
1 ответ

Пакет не работает на AngularJS, если я помещаю дополнительные виджеты в мой массив

Я искал значительное количество времени сейчас, но все еще не могу найти решение своей проблемы. Я ничего не знаю о пакете, но я нашел этот код, который отлично работает и делает то, что хотел. directive('workspace', ['$rootScope', function($rootSco…
15 июн '15 в 18:56
1 ответ

Перетаскивание для компонента Semantic-UI-React с пакетом (кладка)

Я работаю над карточным интерфейсом с кирпичной разметкой. Я использую semantic-ui-реакции для компонентов карты и реактивный-пакетный компонент для кладки. Мой компонент реагирования это. import React from 'react'; import DisplayHomePageCardStructu…
12 мар '17 в 12:24
1 ответ

Удалить, а затем добавить этот же элемент в Packery JS

Я хочу удалить 2 элемента и затем добавить их обратно в сетку, созданную с помощью Packery, при нажатии кнопки. Код приведен ниже: $('.append-button').on( 'click', function() { // create new item elements var $items = getItemElement().add( getItemEl…
08 апр '17 в 01:21
1 ответ

Изотопная упаковка макета укладки изображений

Я пытаюсь сделать макет пакета, который использует ширину изображения. Будь то 400 пикселей или ширина всего контейнера, я бы хотел заполнить пространство своими изображениями. Я тоже не хочу пробелов. Может кто-нибудь сказать, где я иду не так. Код…
09 янв '17 в 05:06
0 ответов

Макет изотопной упаковки идеальный размер изделия

Я пытаюсь сделать красивое расположение элементов в сетке, используя алгоритм упаковки мусорного ведра, такой как упаковка или кладка. У меня уже установлен изотоп, поэтому я буду использовать плагин для упаковки. Если вы посмотрите на пример здесь …
18 окт '16 в 08:32
2 ответа

Packery + AJAX загруженный контент + ретрансляция пакетов

Я создаю макет с помощью библиотеки Packery из Metafizzy, где я перечисляю заголовки и миниатюры записей. После того, как они нажаты, я скрываю исходное содержимое, а затем ajax загружаю оставшуюся часть сообщения, чтобы заменить это исходное содерж…
30 мар '15 в 11:16
2 ответа

Преобразование анимации CSS в JQuery

Я застрял здесь. Как мне это преобразовать: -webkit-transition:all 0.66s ease-out; -moz-transition:all 0.66s ease-out; -ms-transition:all 0.66s ease-out; -o-transition:all 0.66s ease-out; transition:all 0.66s ease-out; в анимации jQuery?Я использую …
22 окт '13 в 12:05
1 ответ

Эффект динамического изменения размера в компоненте Metafizzy Packery

Я ищу компонент Пакет JavaScript. Я хочу переключить текущую реализацию с GridStack на Packery. Одна вещь, которая останавливает меня сейчас, - это отсутствие эффекта динамического изменения размера компонентов (панелей) в Packery. Сейчас я не могу …
30 янв '17 в 09:25
2 ответа

Как использовать Packery с Ember

Я только начал ember и хочу использовать упаковку в качестве библиотеки макетов. Приложение Ember было создано с помощью ember new wep-app, Пакет был установлен через npm install packery, В соответствии с управлением зависимостями Ember, я могу загр…
13 фев '19 в 10:56
1 ответ

Шаткий переход ширины CSS3 в WebKit

Я работаю над анимацией, используя упаковку. Плитки выровнены в сетке, и нажатие на одну из них должно увеличить ее и соответственно динамически переставить плитки. Изменение размера анимировано с помощью CSS3-переходов. Все это работает, как и ожид…
1 ответ

Улучшение прокрутки галереи изображений HTML

В настоящее время я создаю фотогалерею для своего сайта, используя базовые блоки Packery JS и Div с изображениями внутри них. <script> var $container = $('#content'); // init $container.packery({ itemSelector: '.item', gutter: 10, }); </scr…
24 янв '15 в 16:39
2 ответа

JQuery UI не может перетащить слева направо

На моей странице я использую Jquery UI extension сортировать дивы. Дивы расположены в 2 столбца. Я создал JS Bin, пожалуйста, посмотрите на это. Когда вы перетаскиваете все 3 деления на левую сторону, вы не можете снова получить их на правой стороне…
06 сен '16 в 06:15
1 ответ

Пакет и изображения Загруженный плагин не работает?

Я использую Packery на веб-сайте и скачал imagesLoaded, но мои изображения пересекаются при загрузке страницы. Веб-сайт можно увидеть здесь, и мой код, как показано ниже: $(document).ready(function() { var $container = $container.packery({ itemSelec…
13 окт '14 в 08:01
2 ответа

Packery - добавление элемента с помощью jquery click

Я собираюсь создать набор текстовых полей, которые можно переставить. Пользователь должен иметь возможность создавать текстовые поля, а затем заполнять их текстом. Когда он продолжает переставлять их, текст автоматически обновляется в текстовой обла…
24 ноя '17 в 16:54
1 ответ

Товары JQuery Packery Center

В моем приложении JQuery Packery я хочу центрировать свои элементы внутри элемента контейнера. Я использую следующую структуру: <div id="container"> <div class="item">...</div> <div class="item w2">...</div> <div cla…
04 сен '13 в 00:59