jQuery没有正确检测窗口大小

Question

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

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

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

所以问题是如果页面已经在939以下，那么bxSlider功能不起作用。它会将图像放入如下所示的子弹列表中，而不会实际添加交互性。当屏幕调整到939以上时，它也不会停用bxSlider。

Answer 1

尝试更改此

$(window).resize(checkWidth);

到

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

Answer 2

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

仅在手动增大/缩小浏览器时调整触发器，而不刷新页面。

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