首页 / JQUERYUI / javascript – JQueryUI菜单选择事件未触发

javascript – JQueryUI菜单选择事件未触发

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – JQueryUI菜单选择事件未触发，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1189字，纯文字阅读大概需要2分钟。

内容图文

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

解决方法:

尝试将选择更改为选中

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

编辑：当前版本的jquery ui使用’select’而非’selected’,例如

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

内容总结

以上是互联网集市为您收集整理的javascript – JQueryUI菜单选择事件未触发全部内容，希望文章能够帮你解决javascript – JQueryUI菜单选择事件未触发所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/783782.html

来源：【匿名】