个人中心
gpt4 book ai didi

javascript - Jquery ui 菜单子(monad)级别不显示

转载 作者：太空宇宙 更新时间：2023-11-03 23:48:10 25 4
gpt4 key购买 nike

我有一个 jqueryui 菜单，但它的子级别没有显示。当我们使用 firebug 检查 html 时，子列表就在那里。但是悬停时子列表没有显示。

<link href="../css/style.css" rel="stylesheet" type="text/css" >
<link href="../css/header.css" rel="stylesheet" type="text/css" >
<link rel="stylesheet" href="../css/jquery-ui-1.10.3.custom.min.css">
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/jquery-ui-1.10.3.custom.js"></script>

<script>
     $(function() {
        $( "#menu" ).menu();
     });
</script>
 <style>
.ui-menu { width: 150px; }
 </style>
<body>
 <table>
<tr>
    <td colspan="4">
        <?php include_once("header_ui.php"); ?>
    </td>
</tr>
<tr>
    <td colspan="3">

        <ul id="menu">
              <li><a href="#" id="mainlink">link 1</a></li>
                  <ul>
                      <li><a href="#">sublink 1</a></li>
                      <li><a href="#">sublink 2</a></li>
                      <li><a href="#">sublink 3</a></li>
                 </ul>
              <li><a href="#">link 2</a></li>
              <li><a href="#">link 3</a></li>
              <li><a href="#">link 4</a></li>
         </ul>

    </td>

</tr>
</table>

主链接正在显示，但是当我们将鼠标悬停在主链接 1 上时，子链接没有显示

最佳答案

你的 li#mainlink1 结束标签在子菜单之前

<li><a href="#" id="mainlink">link 1</a></li>

您需要将子菜单包裹在这个 li 中:

 <li><a href="#" id="mainlink">link 1</a>
     <ul>
         <li><a href="#">sublink 1</a></li>
         <li><a href="#">sublink 2</a></li>
         <li><a href="#">sublink 3</a></li>
     </ul>
</li>

关于javascript - Jquery ui 菜单子(monad)级别不显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21037555/

25 4 0
文章推荐： javascript - css/javascript 元素在应该返回 true 时返回 false
文章推荐： c# - 将控件添加到上下文菜单
文章推荐： c - 装载机的角色
文章推荐： CSS不适用于小屏幕尺寸的移动设备
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com