Question

有没有人知道如何在媒体查询中使用javascript？

我想要一个使用bootstap 3 hidden-xs隐藏在移动视图中的左列菜单但是我希望能够单击一个菜单按钮，该按钮覆盖主要内容区域上的左列 - 这是一个关闭的x菜单。使用

function showFunction()
    {
    document.getElementById("left-col").style.visibility="visible";
    }
    function hideFunction()
    {
    document.getElementById("left-col").style.visibility="hidden";
    }

当在broswer中测试时，这可以正常工作但是一旦我点击了十字架以关闭菜单，如果我将屏幕调整到桌面大小或高于媒体查询的断点，则左侧col仍然是隐藏的。

这周围有吗？或者这是浪费时间尝试，这样做的好处是适用于移动设备，而不是桌面用户调整浏览器大小。

更新 -

在桌面视图中，我有3列左主右侧有一个页眉和一个页脚。

在移动设备中我将主要字体堆叠在主要隐藏左列的默认

下

单击菜单图标，我在主要内容上显示左侧导航，然后单击左侧col上的十字以隐藏它。

但是当我调整桌面大小时关闭左侧col-left时，左侧col会保持可见状态，我希望它被强制退回。

谢谢

任何帮助都会很棒。

由于

Javascript和媒体查询显示隐藏隐藏的div

0 个答案: