Получение данных о выступах и столкновениях из Jquery Collision - PullRequest
4 голосов
/ 15 июля 2011

Я использую Jquery Draggable Collision ( найдено здесь ) и пытаюсь изменить размер перетаскиваемой области (синий квадрат в моем JSFiddle) с помощью простого toggleClass () прямо сейчас.

Как только он оживляется (увеличивается из-за связи с переключателем класса), я хотел бы измерить данные о выступе / столкновении и вычесть их из высоты / ширины окружающих объектов.

Если для плагина включена отладка, он покажет вам, что он собирает данные о выступах / столкновениях, но я озадачен тем, как использовать его для «сжатия» красных объектов, в то время как синий объект становится больше.

Этот JSfiddle сделает мой вопрос более понятным.

JSFiddle: http://jsfiddle.net/jVABm/

И еще один пример того, что я собираюсь сделать: http://www.adidas.com/us/homepage.asp

Любая помощь приветствуется. Я не уверен, как или если я могу, но я был бы готов назначить награду за помощь.

ОБНОВЛЕНИЕ : http://jsfiddle.net/tmort/hCw2A/ - Я написал код для динамического изменения размеров ящиков в соответствии с высотой. Сейчас я работаю над следующими вопросами:

  1. Измерение ширины и применение одного и того же эффекта не работает.

  2. Высота не работает, если ящики расположены рядом друг с другом.

  3. Я хочу применить скрипт Isotope к написанному мной скрипту изменения размера.

Ответы [ 2 ]

0 голосов
/ 03 января 2013

Извините, это никогда не было разработано с учетом изменения размера.Это на бесконечной очереди вещей, чтобы сделать на будущее.Если вам нужен обходной путь, есть один здесь:

Странное поведение с использованием перетаскиваемого jQuery и изменяемого размера с коллизией jquery 1.0.1

0 голосов
/ 23 июля 2011

Проверьте JQuery Masonry http://masonry.desandro.com/ и это: jquery Masonry, добавьте новый div в центре контейнера div # это не совсем то, что вам нужно, но это может быть полезно

...