Question

我遇到了一个奇怪的问题。我正在使用一个使用bootstrap的预构建wordpress主题，它被称为导师。这是实时预览http://demo.pixelentity.com/?mentor。我想在社交图标旁边的标题中添加一个下拉按钮。问题是下拉列表可以在标题中的任何位置使用。以下是所有相关代码：

CSS：

header #user_menu{
    position:absolute;
    float:right;
    margin-top:20px;    
    margin-left:660px;
    width:350px
}

HTML：

<!--header and menu-->
    <header class="navbar navbar-fixed-top" id="top">
    <div class="navbar-inner">
        <div class="container">
            <div id="user_menu"></div>
                           ...

Javascript：

 $("#user_menu").append('<div class="btn-group" 
style="float:left; margin-left:5px; margin-top:-2px;"> 
<a class="btn btn-primary" href="http://beta.orangegeek.com/contact">
<i class="icon-cog icon-white"></i>My Account</a> 
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
<span class="caret"></span></a>
 <ul class="dropdown-menu"><li>
<a href="#"><i class="icon-book"></i>Billing</a></li>
<li><a href="#"><i class="icon-globe"></i>Domains</a></li>
<li><a href="#"><i class="icon-lock"></i>Change Password</a></li>
</ul>
</div>');

我知道JS格式不正确，我认为用这种方式阅读会更容易。我不认为这是问题，因为我可以复制并粘贴示例代码，但它仍然不会下降。

就像我说的，这个代码可以在任何地方工作，但是标题。

有什么想法吗？我不知道还有什么可以尝试。

Bootstrap下拉按钮在标头中不起作用

0 个答案: