使用 jQuery Isotope 调整元素大小后保持元素在同一位置答案

【问题标题】：Keep element in the same position after resizing it using jQuery Isotope使用 jQuery Isotope 调整元素大小后保持元素在同一位置
【发布时间】：2012-02-15 18:59:11
【问题描述】：

我打算使用类似于official "Elements Complete" Isotope demo 的jQuery Isotope plugin，其中单击任何元素都会使其变大。

在演示中，当一个元素展开时，它通常会向下和向右展开（即固定在其左上角）。但是单击最右边两列中的任何元素：它会向下浮动并一直向左浮动，因为它没有任何向右扩展的空间。

理想情况下，对于我的应用程序，右侧的元素在单击时会向左扩展，从而保持大致相同的位置。

基本上，我正在寻找有关如何优化以在reLayout 之后保持元素位置的建议。（保持元素的顺序对我的应用程序并不重要。）

【问题讨论】：

如果你的名字没有diamond，我会发现像better suited for programmers或what have you tried:p这样的cmets。
@3nigma 这样的问题怎么会属于programmers.se？
@MДΓΓБДLL 不是像looking for 等编程相关讨论问题的网站，或者我可能想提codereview 但没有涉及任何代码......成为by the way comment ...

标签： jquery jquery-masonry jquery-isotope

【解决方案1】：

给每个元素一个数字，并按数字排序。如果页面宽度为 10 个元素，则 8 个 9 和 10 将环绕。当一个被点击来调整大小时，给它数字 7 并按数字求助。

假设你取了 10 并把它变成了 7，然后按数字排序，现在你将有 1 2 3 4 5 6 7 7BIG 8 9 连续

据我所知，你不能让 jquery 向左而不是向右调整大小，除非你用 css 填充或类似的东西来破解它..

祝你好运

【讨论】：