jQuery没有正确检测窗口大小

Question

所以我有一组在大屏幕上没有使用图像滑块的图像。当屏幕低于某个宽度时，会启动图像滑块。

目前，当我手动调整窗口大小并在周围拖动大小时效果很好。

但是，如果我将窗口调整为小尺寸并点击F5，那么页面会自动识别出它需要启动图像滑块。发生的情况是图像如下加载，而不是交互式图像滑块。

所以问题是如果页面已经低于 939，那么 bxSlider 功能就不起作用了。它会将图像放入如下的项目符号列表中，而无需实际添加交互性。当屏幕大小调整到 939 以上时，它也不会停用 bxSlider。

Answer 1

听起来您正在使用resize 事件来触发您的代码。小尺寸刷新时不起作用的原因是页面加载后，您没有再次调整它的大小，因此不会触发resize事件。

仅当您手动放大/缩小浏览器时才会触发调整大小，而不刷新页面。

要修复它，只需在第一页加载时触发您当前的功能（我在这里看不到代码，但大概它会检查当前浏览器尺寸并相应地更新页面？如果是这样，那么运行完全安全且明智页面加载的开始）。

Answer 2

尝试改变这个

$(window).resize(checkWidth);

到

$window.on('resize', function() {
    checkWidth();
});