JQueryUI菜单选择事件未触发

Question

JQueryUI菜单选择事件未触发

javascriptjqueryjquery-uieventsjquery-ui-menu

3

根据http://docs.jquery.com/UI/Menu#event-select中的文档，当选择（点击？）一个项目时，应该触发一个事件，但实际上这并没有发生。我是否漏掉了什么？

<!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>

- Julio

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rjmcb · Accepted Answer

尝试将 select 改为 selected

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

编辑：当前版本的jquery ui使用 'select' 而不是 'selected'，例如：

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