JQuery UI меню подуровня не отображается

Question

JQuery UI меню подуровня не отображается

0

У меня есть меню jqueryui, но его подуровень не отображается. Когда мы проверяем html с помощью firebug, там появляется подсписок. Но при наведении подписок не отображается.

<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>

отображаются основные ссылки, но когда мы наводим курсор на mainlink 1, субблинки не отображаются

thejus_r 10 янв. 2014, в 08:08

Источник

0

пожалуйста, предоставьте ссылку скрипта
Karthick Kumar 10 янв. 2014, в 06:31

Теги:

javascript

jquery

css

jquery-ui

jquery-ui-menu

1 ответ

Ещё вопросы

пожалуйста, предоставьте ссылку скрипта

GL.awog · Accepted Answer · 2014-01-10T04-46-00.000Z

ваш тег 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>

спасибо GL.awog за указание на мою ошибку