Держите элемент в том же положении после изменения его размера с помощью изотопа jQuery

Question

Я планирую использовать плагин jQuery Isotope аналогично официальной демонстрации изотопов Elements Complete , в которой нажатие на любой элемент увеличивает его.

В демонстрационной версии, когда элемент расширяется, он обычно расширяется вниз и вправо (то есть привязывается к верхнему левому углу). Но нажмите на любой элемент в двух крайних правых столбцах: он плавает вниз и полностью влево, так как нет места для его расширения вправо.

В идеале для моего приложения элемент справа при щелчке расширяется влево, таким образом, оставаясь примерно в том же положении.

По сути, я ищу предложения о том, как оптимизировать сохранение позиции элемента после reLayout. (Поддержание порядка элементов не важно для моего приложения.)

Answer 1

Дайте каждому элементу номер и сортируйте по номеру.Если страница имеет ширину 10 элементов, 8 9 и 10 будут обтекать.когда вы нажимаете кнопку, чтобы изменить ее размер, присвойте ей номер 7 и прибегните к номеру.

Допустим, вы взяли 10 и сделали его 7, затем отсортировали по номеру, теперь у вас будет 1 2 3 4 5 6 7 7BIG 8 9 в ряд

Насколько язнаете, вы не можете заставить jquery изменять размеры влево, а не вправо, если только вы не взломаете это с помощью css padding или чего-то в этом роде.

Удачи