如何使用jquery或javascript摆脱内联样式

如何在.dropdwon菜单旁边删除这两个内联样式,我尝试了remove属性[jQuery(‘.dropdown-menu’).removeAttr(‘style’); ]不幸的是它没有删除内联样式.每次我悬停导航时,内联样式都会更改为显示块,当它悬停时,内联样式设置为display：none

<ul role="menu" class=" dropdown-menu" style="display: none;">
<ul role="menu" class=" dropdown-menu" style="display: block;">

这是我的代码.我试图在767或mediaquery max-width(767)上删除它

jQuery(window).resize(function() {
    var width = jQuery(window).width();
    if( width < 767 ) {
      jQuery('.dropdown-menu').removeAttr("style");
    }
});

jQuery(document).resize(function() {
    var width = jQuery(document).width();
    if( width < 767 ) {
      jQuery('.dropdown-menu').removeAttr("style");
    }
});

请查看附带的两张图片,以便更好地显示

当我将鼠标悬停在导航(关于)子页面显示(ul.dropdown-menu)时,内联样式将设置为显示块
@L_502_0@

当我将鼠标悬停在导航(关于)子页面(ul.dropdown-menu)时,内联样式将设置为none

请帮我摆脱这两个内联样式style =“display：none”;和style =“display：block”;