【问题标题】:How to Open Suggestion menu forcefully in autocomplete jQuery?如何在自动完成 jQuery 中强制打开建议菜单?
【发布时间】:2013-05-10 00:00:08
【问题描述】:

我想在点击某个按钮时打开autocomplete 的建议菜单。该怎么做?

var dropDown = $("<a class='showAll' title='Show all'/>")
                                    .insertAfter(this.element)
                                    .button({
                                        icons: {
                                            primary: "ui-icon-triangle-1-s"
                                        },
                                        text: false
                                    })
                                    .removeClass("ui-corner-all")
                                    .addClass("ui-corner-right ui-combobox-toggle")
                                    .click(function () {
//What I have to write here?
});

假设这个按钮在自动完成 _create 函数中。所以我有this.element的自动完成输入元素 现在,我应该怎么做?

编辑:我不想调用search 事件。我只想简单地打开建议菜单。

【问题讨论】:

  • 你能给我们jsfiddle.net你想要什么吗?还要说明你已经尝试过什么
  • 假设这是 JSFiddle: jsfiddle.net/8U6xq/4 in 38number line 我不想调用 search 事件但只想 open 建议菜单。

标签: javascript jquery autocomplete jquery-autocomplete


【解决方案1】:

你在寻找这个JQUERY DEMO。 它还有关于如何编码的源代码。

根据 cmets,我在 http://jsfiddle.net/UF8TV/ 尝试了一些代码示例

我无法让它在您的 JSFiddle 代码中工作(可能是因为没有 osurce 和 _renderItem )。

你想检查第 84 到 90 行。

  if(input.val()=="Select"){
    input.val("");

    input.keydown();
    }else{
         input.autocomplete("widget").show();
    }

我认为在您的代码中 sn-p 下面的代码应该可以工作。

if(jQuery(visibleElement).val()=="Select"){
    jQuery(visibleElement).val("");    
    jQuery(visibleElement).keydown();

}else{
    jQuery(visibleElement).autocomplete("widget").show();
}

你甚至可能只需要jQuery(visibleElement).autocomplete("widget").show();

【讨论】:

  • 我只遵循了该手册。在按钮单击事件中,会调用search 事件。我不想调用该事件,而是直接打开建议菜单。和._trigger("open") 不工作。
  • 如果您不希望从建议菜单中显示的地方调用搜索?
  • 因为我调用了 _renderMenu 并附加了适当的值。现在所有结果都在那里可用。所以我不需要打电话给search
  • 在你的 jsfiddel 中没有调用 _renderMenu
  • 不,我只是告诉你我们可以做到。
猜你喜欢
  • 2012-07-11
  • 1970-01-01
  • 2015-12-08
  • 1970-01-01
  • 2017-01-01
  • 2011-06-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多