Question

我目前正在使用MeanMenu JQuery插件为我的网站创建响应式导航，我想知道如何在响应模式下为导航添加标题名称。

我的JQuery技能并不强，我不确定。

演示：http://www.meanthemes.com/demo/meanmenu/demo.html。在响应中查看它，右边有3个栏作为菜单抽屉。我想在栏旁边添加一个标题。

导航的大多数响应部分都是用JQuery编写的，这对我来说是新的。

希望得到一些帮助。

Link: http://jsfiddle.net/dDRZe/4/

谢谢。

Answer 1

你可以这样做：

<强>的Javascript

$(window).resize(function() {
    if (window.innerWidth < 480) {
        $('.mean-bar').before('<div class="myDiv">content</div>');
    }
});

<强> CSS

.myDiv {
    color: #fff;
    position: absolute;
    top: 0px;
    left: 20px;
    line-height: 40px;
}

更新了更简单的解决方案

添加到页面顶部：

<div class="myDiv">Content</div>

显示/隐藏它的CSS：

.myDiv {
    color: #fff;
    position: absolute;
    top: 0px;
    left: 20px;
    line-height: 40px;
    display:none;
}
@media screen and (max-width:480px){
    .myDiv {
        display:block;
    }
}

这将为您提供一个div，您可以将所需的任何标题放入其中，并使用CSS为其设置样式。

Answer 2

这就是我解决的问题（IE＆gt; = 9）......

@media screen and (max-width:480px){
    a.meanmenu-reveal::after {
        content: "menu";
        font-size: 16px;
        position: absolute;
        text-indent: 0;
        left: -40px;
        bottom: 12px;
    }
}

添加MeanMenu JQuery响应式导航的标题

2 个答案: