Jquery 引导4-如何在调整大小时检测宽度的变化

我使用Bootstrap4，所以在我的页面上添加了以下HTML代码

HTML

<div id="device-size-detector">
    <div id="xs" class="d-block d-sm-none"></div>
    <div id="sm" class="d-none d-sm-block d-md-none"></div>
    <div id="md" class="d-none d-md-block d-lg-none"></div>
    <div id="lg" class="d-none d-lg-block d-xl-none"></div>
    <div id="xl" class="d-none d-xl-block"></div>
</div>

---

但是我的脚本只检测屏幕大小的第一个值，在调整大小时没有检测到宽度的任何变化。我想我没有正确地使用（'resize'，function（）{…}，但我不知道如何修复它并使它工作？

移动

窗口。将
代码调整到
检查菜单
函数之外，然后调用下面的函数

$(window).on('resize', checkMenu);


$（文档）.ready（函数（）{
“严格使用”
函数getBootstrapDeviceSize（）{
返回$（“#设备大小检测器”）.find（'div:visible'）.first（）.attr（'id'）；
}
函数检查菜单（）{
var screen=getBootstrapDeviceSize（）；
如果（屏幕==“lg”| |屏幕==“xl”）{
控制台日志（1）；
}否则{
控制台日志（0）；
}       
}
检查菜单（）；
$（窗口）。打开（'调整大小'，选中菜单）；
})；
移动您的
窗口。在
检查菜单
函数之外调整
代码的大小，并调用如下函数

$(window).on('resize', checkMenu);


$（文档）.ready（函数（）{
“严格使用”
函数getBootstrapDeviceSize（）{
返回$（“#设备大小检测器”）.find（'div:visible'）.first（）.attr（'id'）；
}
函数检查菜单（）{
var screen=getBootstrapDeviceSize（）；
如果（屏幕==“lg”| |屏幕==“xl”）{
控制台日志（1）；
}否则{
控制台日志（0）；
}       
}
检查菜单（）；
$（窗口）。打开（'调整大小'，选中菜单）；
})；

你知道引导程序的宽度断点是常量，对吗？@Stavm aa还有什么？你应该把
控制台。log
放在
resize
函数里面。检查它是否记录了正确的值。是的，如果我把
控制台。log
放在
resize
函数里面，它会工作吗？哟你知道引导程序的宽度断点是常量，对吗？@Stavm aa还有什么？你应该把
控制台放在
resize
函数里面。记录
并检查它是否记录了正确的值。是的，如果我把
控制台.log
放在
resize
函数里面，它会正常工作吗？太好了谢谢你的帮助！太好了！谢谢你的帮助！