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

如何删除 .dropdwon 菜单旁边的这两个内联样式，我尝试了删除属性 [ 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)和内联样式将设置为 显示块


当我悬停在导航(关于)子页面(ul.dropdown-menu)内联样式将设置为 显示无


请帮我去掉这两个内联样式 style="display:none";和 style="display:block";

最佳答案

用 show() 试试
jQuery('.dropdown-menu').show()
或 css()
jQuery('.dropdown-menu').css('display','block')
拖动 fiddle 的输出窗口。它们会在调整大小时显示菜单

Demo Fiddle

关于javascript - 如何使用 jquery 或 javascript 摆脱内联样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44299661/