Question

是否有人知道是否可以在访问子菜单时将徽标/图像添加到jquery mmenu的顶部并保持固定？

我已经尝试使用标题附加组件，但即使只使用文本也没有运气。

任何帮助都会很棒。

感谢。

Answer 1

由于mmenu有点查看所有标签并克隆它，我发现最好在页面加载后添加它。例如，我的代码看起来像这样。（您可以忽略我的大多数选项，并替换为您自己的选项。）

＆＃13;

         $(document).ready(function() {
            $("#menu").mmenu({
               "classes": "mm-slide mm-light",
               "header": true,
			   "": true,
               "searchfield": {
                  "placeholder": "Search",
                  "add": true,
                  "search": true
               }
         });
           
   var VarName = "<div id='forStyling'><img src='images/globe.png' alt='' /><a href='/'>Company Home</a></div>";
   $('nav#menu').prepend(VarName);
   });

＆＃13;

＆＃13; 唯一的问题是，他们也绝对将他们的元素放在那个mmenu中。所以我不得不添加一些自定义的CSS来放弃它。在我的例子中，我认为徽标是40px高（包括填充）

＆＃13;

		.mm-menu > .mm-search {top:40px;}
		.mm-menu.mm-hassearch .mm-header {top:90px;}
		.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {padding-top:140px;}

＆＃13;

Answer 2

谢谢你。我有相同的查询，它工作得很好。我注意到自答案以来，一些CSS类已经发生了变化。

.mm-panels{
top:100px;
}

公开自定义DIV。

Answer 3

您可以使用以下js：

来完成此操作

<script type="text/javascript">
            $(function() {
                $('nav#smenu').mmenu({
                    navbars     : [
                        {
                    height  : 4,
                    position    : 'top',
                    content     : [                         
                            '<div id="logo" class="site-logo"><img src="../logo.png"></div>',
                                'prev',
                                'title'
                            ],
                    }
                    ]
                });
            });
</script>

棘手的是你的顶级内容是如上所述的html格式，设置位置：顶部，高度在1~4,1 =顶部：40px，4 =顶部：160px。

此代码可能不适合您的情况，但这就是它的工作原理。

在jquery菜单顶部添加固定徽标？

3 个答案: