Question

根据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>

Answer 1

尝试将select更改为selected

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

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

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

JQueryUI菜单选择事件未触发

1 个答案: