jQuery菜单显示它的左边是儿童，而不是右边

我有一个简单的页面，其中有一个jQuery菜单和几个孩子。菜单在页面左侧对齐，包含在tr的第二个td中。菜单正在工作，但它显示的是左边的孩子，而不是默认设置。我为jQuery使用了自定义css，以适应我的页面：我浏览过它，但找不到任何右侧的选项！我只发现左右菜单有不同的样式，所以必须有一个选项来修改方向，但我没有找到如何设置该选项。谁能帮忙？jQuery菜单显示它的左边是儿童，而不是右边

这是如果我的话并不清楚网站：http://www.copot.eu/matei/assets

下面是代码：

<html> 
    <head> 
     <title>Assets | Cicada3301's Website</title> 
    <link rel='stylesheet' type='text/css' href='http://www.copot.eu/matei/assets/stylesheet.css'> 
    <link rel='stylesheet' href='http://www.copot.eu/matei/assets/jquery-ui-stylesheet.css'> 
    <script type="text/javascript" src="http://www.copot.eu/matei/assets/jquery-1.10.2.min.js"></script> 
    <script src="http://www.copot.eu/matei/assets/jquery-ui.js"></script> 
    <script type="text/javascript" src="http://www.copot.eu/matei/assets/scripts.js"></script> 
    <link rel='shortcut icon' type='image/x-icon' href='http://www.copot.eu/matei/assets/me.jpg'> 
    </head> 
    <body> 
      <ul id='menu'> 
       <li><a href='#'>Images</a> 
       <ul> 
        <li><a href='#'><a href='me.jpg'>me.jpg</a></li> 
        <li><a href='#'><a href='cheese.jpg'>cheese.jpg</a></li> 
       </ul> 
       </li> 
       <li><a href='#'>Stylesheets</a> 
        <ul> 
         <li><a href='#'><a href='stylesheet.css'>stylesheet.css</a></li> 
         <li><a href='#'><a href='jquery-ui-stylesheet.css'>jquery-ui-stylesheet.css</a></li> 
        </ul> 
       </li><li><a href='#'>Scripts</a> 
        <ul> 
         <li><a href='#'><a href='scripts.js'>scripts.js</a></li> 
         <li><a href='#'><a href='jquery-1.10.2.min.js'>jquery-1.10.2.min.js</a></li> 
         <li><a href='#'><a href='jquery-ui.js'>jquery-ui</a></li> 
        </ul> 
       </li><li><a href='#'>Fonts</a> 
        <ul> 
         <li><a href='#'><a href='Computerfont.ttf'>Computerfont.ttf</a></li> 
        </ul> 
       </li> 

      </ul> 
    </body> 
</html>

` 这里是CSS：

http://www.copot.eu/matei/assets/jquery-ui-stylesheet.css 对不起..将其放入体内时间太长

来源

2014-01-05 towc

从您给出的链接中，子菜单出现在菜单的右侧。你是这个意思吗？另外，请您在此发布相关代码，以便我们不必浏览您网站上的所有代码，并且还可以让这个问题自成一体？ – Zhihao

这很奇怪...对我来说，菜单显示左边的子菜单...当然，只是上传文件 – towc

CSS

更改width为14%而不是100%。

.ui-menu .ui-menu-item { 
     width: 14%; 
}

来源

2014-01-05 16:27:56 Ani

哦！奇怪......我甚至没有改变那个......让我再试一次 – towc

哇......谢谢！我不知道我能找到什么！ – towc

当然....欢迎 – Ani

jQuery菜单显示它的左边是儿童，而不是右边

回答

相关问题