Javascript jQuery未正确检测窗口大小

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

目前，当我手动调整窗口大小并四处玩时，拖动窗口周围的大小效果很好

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

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

试着改变这个

$(window).resize(checkWidth);

到

---

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

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

---

要修复它，只需在第一页加载时触发当前函数，我看不到这里的代码，但它可能会检查当前浏览器的维度并相应地更新页面？如果是这样，在页面加载开始时运行完全安全和合理。

仍然具有相同的行为，如果我将窗口设置为939px，然后按F5，则会像上图一样加载图像滑块。这也意味着当我将窗口放大到939px以上时，它也不会返回到它应该是什么样子。我看不出来，当我检查元素时，它正确地拥有bxslider类，但是bxSlider并没有执行它，使其成为上图中应该的样子。我尝试过，但使用bxSlider库也很困难。我可以通过发送文件向您展示代码，但是我没有幸在JSFIDLE中复制任何类型的行为。这只是我的代码，但我无法判断它是否正常工作，因为它没有正确实现图像滑块，无法在JSFIDLE中复制任何内容。很抱歉，我无意中删除了代码。我现在已经添加了代码，我想你说的是对的，但是我不确定如何在我的代码中修复它，我已经玩了几个小时了。很抱歉添加更多，但是该代码正在checkWidth中使用，因为它确实在底部执行与标题相关的代码，但出于某些原因，并没有完全启动bxSlider。没问题，谢谢您将其放回原处。看起来问题只是命名！checkWidth函数正在寻找像image holder这样的ID，但HTML中的实际ID是image-holder2。对不起，它确实使用了两个ID，我刚才以image-holder2为例，但image holder和image-holder2都有相同的问题。我尝试了很多不同的方法，但似乎无法让它执行bxSlider代码，从而初始化图像幻灯片。是这样吗镜像持有者缺少.acc列表类，我删除了镜像持有者2的2 hasClass检查，因为小提琴中没有镜像持有者2，因此无法通过。Slider现在正在为我启动小尺寸。

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