2012-05-29 107 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」..? –

相關問題