jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了调整大小 – jQuery Masonry错误的顶级位置大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在特定页面上使用具有固定布局的Twitter Bootstrap和jQuery Masonry.

它正在工作,但是从第二行开始,div的顶部位置被错误计算并且部分地覆盖了第一行的元素.

看起来脚本在重新排列元素之前退出.

奇怪的是,当我在Chrome中打开检查器或稍微调整视口大小时,div会跳到正确的位置.刷新页面有时会有所帮助,有时候不会……

我的砌体脚本:

@H_419_10@jQuery(document).ready(function(){ jQuery('.span9').masonry({ itemSELEctor: '.span3',columnWidth: function( containerWidth ) { return containerWidth / 3; } }); });

这是正常的行为吗?我应该在上面的脚本中添加window.resize吗?

将砌体脚本放置在页面本身或页眉中,页脚不会改变它的行为.

我在jQuery之后,在任何其他Bootstrap js之前@L_820_7@masonry.js.

解决方法

请阅读此处的帮助部分 @L_262_9@

脚本在加载所有图像之前运行,您必须在加载窗口后触发它

@H_419_10@$(window).load(function(){ $('#container').masonry({ // options... }); });

大佬总结

以上是大佬教程为你收集整理的调整大小 – jQuery Masonry错误的顶级位置全部内容,希望文章能够帮你解决调整大小 – jQuery Masonry错误的顶级位置所遇到的程序开发问题。

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

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