2013-01-15 34 views
0

我正在尝试使用Jquery的菜单类为我正在编写的网站创建导航菜单。出于某种原因,我无法正确加载链接。如果我右键单击并在新窗口中打开,它将起作用,但不会直接点击。JQuery菜单链接不在页面上加载

这里是我的HTML代码(假设jQuery和jQuery的UI都是进口的):

$(function() { 

    $("#menu").menu({}); 
}); 

<ul id="menu" > 
    <li> 
     <a href="#">Service</a> 
     <ul> 
      <li> 
       <a href="customHourReport.php">Report Hours</a> 
      </li> 
      <li> 
       <a href="eventHistory.php">Event History</a> 
      </li> 
      <li> 
       <a href="memberstats.php">Member Stats</a> 
      </li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">Fundraising</a> 
     <ul> 
      <li> 
       <a href="./dlfiles/Application.docx">Support Letter</a> 
      </li> 
      <li> 
       <a href="./dlfiles/SampleLetter.docx">Sample Letter</a> 
      </li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">Bylaws</a> 
     <ul> 
      <li> 
       <a href="./dlfiles/Constitution2012-2013.docx">Download Bylaws</a> 
      </li> 
     </ul> 
    </li> 
    <li> 
     <a href="#">Budgets</a> 
     <ul> 
     </ul> 
    </li>  
    <li> 
     <a href="#">Settings</a> 
     <ul> 
      <li> 
       <a href="changepassword.php">Change your Password</a> 
      </li> 
      <li> 
       <a href="profpic.php">Upload/Change Profile Picture</a> 
      </li> 
     </ul> 
    </li> 
</ul> 

有什么想法?非常感谢!

+0

如果width设置为'.ui-menu',那么你的标记工作正常。这里工作[jsFiddle](http://jsfiddle.net/pmatseykanets/2dezn/)。你可以在jsFiddle中重现你的问题吗? – peterm

回答

0

不管你是否在jquery方法return falseevent.preventDefault();

相关问题