2014-01-10 2 views
0

jqueryui 메뉴가 있지만 해당 하위 수준이 표시되지 않습니다. 방화 벽을 사용하여 html을 검사하면 하위 목록이 있습니다. 그러나 호버에서는 하위 목록이 표시되지 않습니다.Jquery UI 하위 메뉴가 표시되지 않습니다.

<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 위에 마우스를 올려 때 sublinks이 표시되지 않는

+0

바이올린 링크를 제공하십시오. –

답변

3

당신의 리튬 # mainlink1 닫는 태그는

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

당신이 하위 메뉴를 포장하는 데 필요한 하위 메뉴 전에 간다 이 내부 내용 :

+0

고맙습니다. 내 실수 –

관련 문제