Я использую 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/ - Я написал код для динамического изменения размеров ящиков в соответствии с высотой. Сейчас я работаю над следующими проблемами:
Измерить ширину и применить тот же эффект не получится.
Высота не работает, если коробки расположены рядом друг с другом.
Я хочу применить сценарий Isotope к написанному мной сценарию изменения размера.