2012-05-29 81 views
4

根据http://docs.jquery.com/UI/Menu#event-select中的文档,选择(单击?)某个项目时,以下内容应触发一个事件,但它不会执行任何操作。我错过了什么?JQueryUI菜单选择事件未触发

<!DOCTYPE html> 
<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

<link href="http://view.jqueryui.com/menu/themes/base/jquery.ui.menu.css" rel="stylesheet" type="text/css"/> 
<script src="http://view.jqueryui.com/menu/ui/jquery.ui.menu.js"></script> 

    <script> 
    $(document).ready(function() { 
    $("ul").menu({ 
     select: function(event, ui){ 
     alert('selected'); 
     } 
    }); 
    }); 
    </script> 
</head> 
<body style="font-size:62.5%;"> 
    <ul> 
    <li><a href="#">Aberdeen</a></li> 
    <li><a href="#">Ada</a></li> 
    <li><a href="#">Adamsville</a></li> 
    <li><a href="#">Addyston</a></li> 
    <li><a href="#">Adelphi</a></li> 
</ul> 
</body> 
</html> 

回答

3

尝试改变selectselected

 $("ul").menu({ 
     selected : function(){ 
      alert("Selected"); 
     } 
    }); 

编辑:jQuery的用户界面的当前版本使用 '选择' 不 '选择' 例如

 $("ul").menu({ 
     select : function(){ 
      alert("Selected"); 
     } 
    }); 
+0

太棒了!它必须是doco中的一个错字。 – Julio

+0

.on(“menuselect”..? –

相关问题