【问题标题】:Get the selected item获取选中的项目
【发布时间】:2012-12-18 16:30:53
【问题描述】:

对不起,如果我的问题太简单了,但我无法从 jQuery UI 文档中弄清楚。

如何确定在菜单中单击了哪个选项?我尝试了类似的方法,但没有成功:

var menu = $('#menu');
menu.menu({
    select: function(event, ui) {
        alert(ui.type);
    }
});​

【问题讨论】:

  • 您正在寻找您单击的菜单项的文本值?
  • 我想是的。我需要对点击进行操作,它会根据选择的选项而变化。
  • @ExplosionPills jqueryui.com/menu
  • .menu 在这里:jqueryui.com/menu

标签: jquery jquery-ui jquery-ui-menu


【解决方案1】:

你缺少的是'ui'是一个代表你点击的项目的jQuery对象。

所以要从您应该使用的项目中获取文本:

    var menu = $('#menu');

    $(document).ready(function(){
        menu.menu({
            select: function(event, ui) {
                alert(ui.item.text());
            }
        });
    });

这将为您提供项目的文本。

here is a Fiddle

【讨论】:

  • 我很高兴。别客气。 API 文档可能有点混乱。
  • 使用嵌套菜单会导致文本过多:/
  • 必须使用 ui.item[0].childNodes[1].data 来获取当前节点文本
  • 不确定在停止工作之前它们必须有多嵌套。 Here is an example with nested menus
猜你喜欢
  • 2016-07-03
  • 2011-07-10
  • 2023-03-18
  • 2012-02-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-01-11
相关资源
最近更新 更多