jQuery .width（）在页面加载时关闭
布雷登·狄龙
我在很多场合都遇到过这个问题，需要寻找解决方法，因为它引起了我各种各样的悲伤。此问题包括HTML，CSS和JavaScript。
本质上，我从一个空的div .enrolledPlayers开始。我想添加#player div数量。我抓住.enrolledPlayers / 10的宽度，我将这个确定的大小用作.player div的宽度和高度。
这应该连续给我10个，然后包装并再做10个，依此类推...
我遇到的问题是.player div太大，因此包装时间过早。我在下面添加问题的图片。当我两次单击“切换设备工具栏”时，奇怪的是在Chrome中，它将按图片中所示调整大小。是他们的原因吗？还是解决办法？谢谢。
$(document).ready(function() {
let divWidth = $('.enrolledPlayers').width() / 10;
for(var i = 0; i < amount; i++) {
$('.enrolledPlayers').append('<div class="player" style="width: '+ divWidth +'px; height: '+ divWidth +'px; background: '+ getRandomColor() +';"></div>');
}
});
这是在我单击“切换设备工具栏”之前，显示包装的问题。 
这是在我单击“切换设备工具栏”后，该节目的外观。 
布雷登·狄龙
进行所有排序后，不必着重于动态计算宽度，而是我使用了弹性框，并使用了我提供的min-width和min-height而不是width和height的javascript。这种方法也很灵敏，谢谢。
.enrolledPlayers > .player {
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
flex: 1;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
页面加载时的jQuery keyup
- 2
jQuery width（）在加载时不正确
- 3
页面加载时的jQuery调用函数
- 4
页面加载时的jQuery .fadeIn（）吗？
- 5
jQuery在页面加载时同时运行
- 6
jQuery检查页面加载时的文本值
- 7
页面加载时触发jquery事件
- 8
jQuery动画仅在页面加载时
- 9
如何停止页面加载时执行的Jquery
- 10
在页面加载时启动jQuery Alert
- 11
jQuery在页面加载时更改HTML参数
- 12
使jQuery / AJAX在页面加载时立即执行
- 13
页面加载时，PHP jQuery转到div
- 14
jQuery加载页面时变色效果？
- 15
JQuery 在加载自动完成时崩溃页面
- 16
jquery在页面加载时克隆div的内容
- 17
jQuery：刷新当前页面时加载新页面
- 18
jQuery在初始页面加载时重新加载javascript资源
- 19
jQuery-更改脚本以在页面加载时加载
- 20
jQuery对话框关闭时页面滚动消失
- 21
使用jQuery加载页面
- 22
jQuery淡入页面加载
- 23
jQuery Ajax页面加载
- 24
jQuery从页面自动加载
- 25
jQuery检查页面加载时输入是否为空
- 26
Rails + jQuery：JS函数在页面加载时自动保持运行
- 27
页面加载时的jQuery trigger（）不起作用
- 28
页面加载时选中了jQuery复选框
- 29
在页面加载时打开jquery模态对话框
我来说两句