gpt4 book ai didi

jquery - 使用 jQuery Isotope 调整元素大小后将元素保持在相同位置

转载 作者:行者123 更新时间:2023-12-01 00:28:39 25 4
gpt4 key购买 nike

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

在演示中,当元素展开时,它通常向下和向右展开(即由其左上角锚定)。但是单击最右边两列中的任何元素:它会向下 float 并一直向左浮动,因为没有任何空间可以向右扩展。

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

基本上,我正在寻找有关如何优化以在重新布局后维护元素位置的建议。 (维持元素的顺序对于我的应用程序并不重要。)

最佳答案

给每个元素一个编号,并按编号排序。如果页面有 10 个元素宽,则 8、9 和 10 将环绕。当单击其中一个来调整大小时,给它数字 7 并按数字重新排序。

假设您将 10 变为 7,然后按数字排序,现在您将有 1 2 3 4 5 6 7 7BIG 8 9 一行

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

祝你好运

关于jquery - 使用 jQuery Isotope 调整元素大小后将元素保持在相同位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9299516/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com