Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 菜单栏式Wordpress管理菜单_Javascript_Wordpress - Fatal编程技术网

Javascript 菜单栏式Wordpress管理菜单

Javascript 菜单栏式Wordpress管理菜单,javascript,wordpress,Javascript,Wordpress,我试图找到一个更好的javascript库,如果可以使用jquery在登录后或多或少地复制wordpress顶部菜单栏的功能。您可以在左侧、右侧或两侧添加图像/链接 我发现的大多数javascript菜单库都不如这一个好,有些只是在一侧或中间添加按钮/链接 请参阅附件中的图像 谢谢 编辑: 提供此功能的开箱即用。即使您不需要整个引导框架,也可以很容易地将所需内容与其他内容分开 对于一个快速简单的粘性导航栏,没有更多的附加功能,如下拉菜单等,您可以使用以下CSS: #bar { posit

我试图找到一个更好的javascript库,如果可以使用jquery在登录后或多或少地复制wordpress顶部菜单栏的功能。您可以在左侧、右侧或两侧添加图像/链接

我发现的大多数javascript菜单库都不如这一个好,有些只是在一侧或中间添加按钮/链接

请参阅附件中的图像

谢谢

编辑: 提供此功能的开箱即用。即使您不需要整个引导框架,也可以很容易地将所需内容与其他内容分开

对于一个快速简单的粘性导航栏,没有更多的附加功能,如下拉菜单等,您可以使用以下CSS:

#bar {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:36px;
    background: black;
}
。。。然后添加您需要的任何内容,例如

<div id=bar>
    <img class=bar-left src=logo.png />
    <div class=bar-right>Login button!</div>
</div>

这很有效。至于jQuery,您可以使用它通过.append和.prepend方法将元素动态添加到导航栏。

好吧,为了简单快速的实现,您的代码可以工作,但是我们必须有激活/显示/隐藏更多选项的子菜单您可以在引导中找到这样的功能,即:更正确的答案是egasimus的评论,但我不能接受评论,如果egasimus创建该评论作为答案,我将移动它。谢谢
.bar-left {
    float:left;
}

.bar-right {
    float:right;
}