Jquery 如何使引导导航栏中的链接根据窗口大小消失/重新出现？

我目前正在建立一个网站使用引导。我在导航栏中列出了一个“服务”链接，当鼠标悬停在上面时，它会显示一个服务列表。用户还可以单击“服务”本身，并将其定向到链接。如果用户调整屏幕大小，或者在移动设备上查看网站，我需要能够从“服务”中删除链接

下面的代码很有用。当我多次尝试调整桌面浏览器的大小时，我遇到了一个错误。一旦我将屏幕缩小，我就无法识别更大的浏览器窗口，因此无法恢复“服务”中的链接。我错过了什么

HTML

jQuery

$(document).ready(function () {
     changeElements();

     $(window).resize(function() {
          changeElements();
     });
 });

function changeElements(){
     if ($(window).width() < 990) {
           $('.linkedDropDown').removeAttr('href');
     }
     else{
           $('.linkedDropDown').attr('href');  
     }
 }

$（文档）.ready（函数（）{
changelements（）；
$（窗口）。调整大小（函数（）{
changelements（）；
});
});
函数changelements（）{
如果（$（窗口）.width（）<990）{
$（'.linkedDropDown'）.removeAttr（'href'）；
}
否则{
$（'.linkedDropDown'）.attr（'href'）；
}
}

如果使用引导，可以添加

d-*-none

类以隐藏特定像素宽度的元素，或添加

d-*-block

以显示特定像素宽度的元素

例如，如果要隐藏移动设备上的“服务”链接，可以将类

d-none

和

d-sm-block

添加到链接标签中。当屏幕宽度小于544px时，这将隐藏链接，但在所有较大的屏幕上显示链接

通过添加这些类，就不需要使用当前的JavaScript

---

有关响应实用程序类的更多文档可在此处找到：

通过删除数据切换属性进行检查，并更改不需要下拉列表的屏幕的类。希望这能奏效

@media (min-width:990px){
    .dropdown:hover .dropdown-menu {
        display: block !important;
        margin-top: 0 !important;
     }
}

$(document).ready(function () {
     changeElements();

     $(window).resize(function() {
          changeElements();
     });
 });

function changeElements(){
     if ($(window).width() < 990) {
           $('.linkedDropDown').removeAttr('href');
     }
     else{
           $('.linkedDropDown').attr('href');  
     }
 }