标签: jquery-autocomplete

我正在使用jquery自动完成功能,但在文本框中加载自动完成功能很少

我的模型如下:

Users = new List<string>();
foreach (var item in User.LoadSortedByName())
{
    Users.Add(item.Name+"\n");
} 

视图:

<p>@Html.TextBox("user", "")
 $(function () {
           $("input#user").autocomplete('@Model.Users');
});

更新 - 简化的尝试,但仍然没有工作

_布局

<script src="@Url.Content("~/Scripts/jquery.autocomplete.js")" type="text/javascript"></script>

View


  <p><input type="text" id="tags" /></p>

<script type="text/javascript">
    $(function () {
            var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });


    });

我正在使用以下代码,它正在工作,获取值等,但<b> and <br>标签显示为文本而不是呈现.我想要item.id和item.label不同的线,如果可能的话,item.id大胆:

 $( "#predictSearch" ).autocomplete({
 source: function( request, response ) {
  $.ajax({
   url: "index.pl",
   dataType: "json",
   data: {
    term: request.term
   },
   success: function( data ) {
    response( $.map( data.items, function( item ) {
     return {
      label: '<B>' + item.id + '</B><br>' + item.label,
      value: item.id
     }
    }));
   }
  });
 },
 minLength: 2
});

我有一个jQuery Autocomplete插件,当我复制/粘贴到它时,它不会触发.有什么方法可以使它工作？

我有一个连接到JQuery UI Autocomplete的文本框.当用户在框中输入时,我的搜索通过ajax调用运行并返回建议.似乎有三件事情可能发生:

1. 自动填充建议选项,用户选择其中一个
2. 自动填充建议选项,但用户选择不选择任何选项
3. 自动完成功能无法提出建议 - 不匹配(因此建议列表不会显示)

处理上述所有情况,如何判断用户是否从自动填充中选择了一个选项？

当搜索开始(匹配=假)和选择发生(匹配=真)时,我已经研究了标记标记,但这似乎不是一种非常简洁的做事方式.

有可能以某种方式将jquery自动完成实现到ckeditor中吗？创建一个按钮并不是那么难,但是可以硬连线到自动完成,所以在再次按下该按钮之前输入的下一个单词......？

任何远程做过这类事的人都请告诉我.或者,如果那不可能,则自动完成搜索的弹出窗口,然后单击/选择它将所选项添加到ckeditor textarea /当前光标位置(可能作为链接...)？

当然尽量不要超越:)

我在我的应用程序中使用rails3-jquery-autocomplete.我遇到了以下问题:如果您在输入字段中输入内容以便显示自动填充数据并在此之后滚动页面,则自动填充数据框不会随页面滚动.它保持在同一个位置.

你可以看看我在这里面对的是什么.请注意,此示例不是由我创建的,因此我不确定此处是否使用了相同的jquery插件.然而问题是完全一样的.

当用户鼠标悬停或以其他方式突出显示其中一个<li>选项时,JQuery自动完成会触发焦点事件.在这个事件中,我想引用<li>当前关注的内容,但我无法弄清楚如何选择它.目前,我有:

focus: function( event, ui ) {
  var target = event.currentTarget
  alert($(target).html())
}

但这会返回整个<li>s 列表,而不仅仅是当前关注的列表.我尝试过其他事件方法,例如event.delegateTarget和event.target,但没有成功.有没有其他方法来获得专注的元素？

是什么让gmail自动完成比jquery自动完成更快？

每当我在jquery中输入内容时,我需要在选择出来之前暂停几毫秒(明显)停止,与Gmail不需要停止输入相比.

我已按照此处描述的步骤将自动完成功能添加到eclipse中.

在安装JSDT插件之后,我必须创建一个项目,然后将插件添加为JS资源.我发现了两件奇怪的事情:

• 即使我在html中没有包含jQuery库,我也可以获得自动完成功能
• 我无法获得我在记事本中明确说出并在eclipse中打开的HTML文件的自动完成功能.例如,在tempq.html上面的截图中,我可以获得自动完成,但在angularjsexp.html中,在另一个选项卡中打开并且不是任何项目的一部分,当我输入时,我无法获得jQuery的自动完成功能$().

另外,如何在eclipse中为angularjs获得类似的自动完成功能.我只是使用JSDT在某处阅读,我也可以获得angularjs的自动完成功能.可能吗？

我正在尝试构建涵盖多个对象/模型的网站搜索,我想使用jQuery Autocomplete来动态显示数据.问题是,我想传递三个json列表而不是一个,并显示三个列表(<ul></ul>),而不是一个.我通过传递包含json列表的dict来做到这一点source,但我不知道如何分别覆盖每个dict条目.我想,我必须使用_renderMenu和_renderItem,但我无法弄清楚如何.

提前致谢.

编辑

我可以按照自己的意愿操纵数据; 现在我有:

{"ingredients": "[]",
 "products": "[]",
 "news": "[{"id": 7, "value": "Test revisionjjjj", "label": "Test revisionjjjj"}]"}

我希望它像:

<li class="ingredients"></li>
<li class="products"></li>
<li class="news">
    <ul ...>Test revisionjjjj</ul>
</li>