0

我遇到了一个奇怪的问题。我正在使用一个使用引导程序的预建 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 的格式不正确，我认为这样阅读会更容易。我认为这不是问题，因为我可以复制和粘贴示例代码，但它仍然不会下拉。

就像我说的，这段代码在除标题之外的任何地方都有效。

有任何想法吗？我不知道此时还能尝试什么。

4

0 回答 0