jquery-ui – jQuery UI自动完成小部件 – 如何获取菜单的参考？

我想要能够获得对自动完成构建的菜单对象的引用(例如,我可以获取.attr(“id”)),但是我不太熟悉jQuery / javascript.在消息来源中,我发现：

https://github.com/jquery/jquery-ui/blob/1-9-stable/ui/jquery.ui.autocomplete.js#L182

所以有一个对象飞来飞去,我似乎找不到如何抓住它.

所以,例如,如果我有一个自动填充的输入绑定到这样：

// input = reference to the input text Box on the form
input.autocomplete({
  select: function(event,ui) {
    // how to get the reference here?

    // some things I've tried
    // return input.menu
    // return input.data("menu")
    // and a few others but they didn't work either
  }
});

我试着看着数据对象本身,但是有这么多的选择,我可以花一整天看着它,仍然找不到我要找的东西.任何帮助或洞察力都非常感激.

解决方法

您可以通过查看分配给其根元素(输入)的数据集来获取窗口小部件的引用.然后提取菜单属性(及其基础元素)是微不足道的. )

select: function(event,ui) {
    // that's how get the menu reference:
    var widget = $(this).data('ui-autocomplete'),menu   = widget.menu,$ul    = menu.element,id     = $ul.attr('id'); // or $ul[0].id
  }

…,因为选择功能中的这一点是指< input>当这个函数调用为一个事件处理程序.