Получение данных о выступах и столкновениях из JQuery Collision

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

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

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

Этот JSfiddle прояснит мой вопрос.

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

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

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

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

  1. Измерить ширину и применить тот же эффект не получится.

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

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


person Tom    schedule 14.07.2011    source источник
comment
На какие браузеры вы ориентируетесь? У меня это работает в Chrome, но неправильно в IE9 или IE8.   -  person Peter Olson    schedule 18.07.2011
comment
Я использую firefox, но браузеры значения не имеют. Я пытаюсь добиться эффекта на домашней странице Adidas без использования вспышки. У меня есть обновленный JSFiddle, который я публикую сейчас.   -  person Tom    schedule 18.07.2011


Ответы (2)


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

person kleinohad    schedule 23.07.2011
comment
Не совсем то, что я ищу. Этот скрипт просто запускает кладку и переупорядочивает div в соответствии с созданием нового div. Это легко достигается с помощью изотопа (тот же тип скрипта, что и Masonry, который я использую). - person Tom; 24.07.2011
comment
Не лучший ответ, но я отмечу это как ответ, потому что, по крайней мере, вы помогли! Спасибо еще раз. - person Tom; 30.08.2011

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

Странное поведение при использовании перетаскиваемого jQuery И изменение размера с помощью jquery collision 1.0.1

person eruciform    schedule 03.01.2013