javascript - 在 MeanMenu JQuery 响应式导航中添加标题

Question

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

我的 JQuery 技能不是很强，我不确定。

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

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

希望对此有所帮助。

链接: 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 设置您想要的样式。