jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用jQuery Isotope调整元素大小后,将元素保持在相同位置大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我打算像 official “Elements Complete” Isotope demo一样使用 jQuery Isotope plugin,其中点击任何元素都会使它变大.

在演示中,当元素扩展时,它通常向下扩展并向右扩展(即由其左上角锚定).但是点击最右边两列中的任何元素:它向下漂移并一直向左,因为它没有任何空间向右扩展.

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

基本上,我正在寻找有关如何在reLayout之后优化维护元素位置的建议. (维护元素的顺序对我的应用程序来说并不重要.)

解决方法

为每个元素指定一个数字,然后按编号排序.如果页面宽10个元素,那么8 9和10将会环绕.当点击一个调整大小时,给它数字7并按编号进行调整.

假设你拿了10并将其设为7,然后按数字排序,现在你连续1 2 3 4 5 6 7 7BIG 8 9

据我所知,你不能让jquery调整到左边而不是右边,除非你用css padding或类似的东西破解它.

祝好运

大佬总结

以上是大佬教程为你收集整理的使用jQuery Isotope调整元素大小后,将元素保持在相同位置全部内容,希望文章能够帮你解决使用jQuery Isotope调整元素大小后,将元素保持在相同位置所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。