删除移动设备上的“显示：阻止”

Question

单击按钮 link 时会出现一个框。它使用 jQuery .slideToggle() 函数。我想知道是否有办法在将屏幕调整为移动设备时手动删除添加到 div 的内联 'display:block' 样式。这是我目前所拥有的。

$(window).resize(function() {
    if ($("nav").hasClass("bt-menu-close")) {

        $('#WeatherBox').removeAttr('style');
    }
});

但是当我打开面板 - 'display:block' - 并调整屏幕大小时它仍然保持不动。有什么想法吗？

Answer 1

要隐藏 WeatherBox，您可以如下所示对其调用 .hide() 而不是更改样式 display 值

$('#WeatherBox').hide();

但是如果你只想删除 display:block; 然后使用下面的代码

$('#WeatherBox').css('display','');

Remove 'Display: Block" on Mobile