javascript - windows.onload vs resize 不同的宽度

标签 javascript jquery html css

我需要根据窗口宽度调整几个元素的宽度和高度。所以我在用

window.onload = function() {
    slideSizeUpdate();
};
$(window).resize(slideSizeUpdate);

调用我的函数。

窗口调整大小后,一切都正确显示 - 但不是加载。我猜测这与 window-width-value 有关。

因此,我打印了窗口的宽度值并认识到 - onload - 我的窗口宽度有一个值“x”,当我调整大小为 1px 左或右时,窗口宽度的值“x”增加/减少 +/- 18px .

我认为这会导致我的网站加载出现问题。有谁知道这是什么原因,有没有解决办法?那太好了!

编辑

并不是说onload根本不起作用。它只是在读出窗口宽度时似乎得到了错误的值。

最佳答案

你可以这样做:

$(window).on('load resize',function(){
   slideSizeUpdate();
}).resize(); // trigger resize when page is loaded

关于javascript - windows.onload vs resize 不同的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25445866/

相关文章:

javascript - jQuery,如何选择动态生成的html元素

javascript - 重叠修复导航与 jQuery 验证输入错误

html - Bootstrap 导航栏下拉子菜单在移动设备上单击不工作,需要长时间点击

html - 停止 CSS 覆盖 HTML 宽度属性

php - 如何用 php/html 偏移图像?

JavaScript - 获取浏览器高度

javascript - 捕获在 jQuery 中单击复选框的标题

javascript - JavaScript 有没有办法检查表单是否脏?

javascript - 为什么我的 JavaScript 文件只显示在 Chrome 开发者工具的包中?

jquery - 如何使用 jQuery 设置输入字段的值