Jquery菜单调整右下拉列表

时间:2014-03-28 09:08:02

标签: jquery drop-down-menu

我正在使用wordpress jquery vertical megamenu插件。

我已使用该插件显示类别下拉菜单。这里的问题是"子容器"没有正确地定位到' li。

子容器显得很少下来。

     <ul>
        <li><a href="#">Category1</a>
            <div class="sub-container>
               <ul class="sub">
                   <li><a href="#">Category1</a></li>
                   <li><a href="#">Category2</a></li>
               </ul>  
            </div>
         <li>
        <li><a href="#">Category2</a></li>
        <li><a href="#">Category3</a></li>
     </ul>

JSFiddleworking link

1 个答案:

答案 0 :(得分:1)

这似乎是纯粹的css相关问题。我已经更新了子容器以具有以下css

left:100%;
top:-1px; /* this is to combat the top border */

然后给主要的一个position:relative;

更新了jsFiddle:http://jsfiddle.net/8j99k/3/

编辑:根据工作示例..请更改以下css声明以使其工作: file:screen.css, 行:3124

figcaption #dc_jqverticalmegamenu_widget-4-item ul li .sub-container{
    left:100% !important;
    top:-1px;
    margin-top:0 !important;
}

file:skin.php, 行:5

#dc_jqverticalmegamenu_widget-4-item ul li{
    position:relative;
}

正如我上面提到的..这纯粹是一个css问题..你有!important样式覆盖的东西..