2014-01-10 62 views
0

我有一個jqueryui菜單,但它的子菜單不顯示。當我們檢查使用螢火蟲的HTML子列表是存在的。但懸停子列表不顯示。Jquery ui菜單sublevel不顯示

<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,子鏈路沒有顯示

+0

請提供小提琴的鏈接 –

回答

3

子菜單

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

你需要用的子菜單之前貴麗#mainlink1關閉標籤雲這裏面:

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

謝謝GL.awog指向ou我的錯誤 –