Tag: jquery autocomplete

将父母的hover应用于jquery ui autocomplete child

我处于类似的情况，我的另一个问题是阻止datepicker触发父mouseleave ，但该解决方案似乎不适用于jQuery UI自动完成。 hover如何也适用于自动完成的孩子？ 换句话说，如果一个#hoverMe在自动完成建议上， #hoverMe应该保持打开状态。 此外，建议/代码如何处理select #hoverMe之外的选择，同时保持#hoverMe显示，直到一个#hoverMe回来，这将是伟大的！ http://jsfiddle.net/Kzp87/ HTML hover me arbitrary text JS $(document).ready(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” ]; $(“#autocompletor”).autocomplete({ source: availableTags }); var _enter = false; $(“#hoverAnchor”).add($(“#hoverMe”)).mouseenter(function () […]

jQuery UI Autocomplete在列表中显示结果，但在选择时，打印值而不是标签

我在使自动完成工作时遇到很多问题。 首先，我的validation不兼容，因为我使用的是jQuery Validation和jQuery 1.5，并打破了Autocomplete小部件上的AJAXfunction。 这已经解决了，现在我的PHP控制器返回一个带有标签/值的JSON结果。 当然，label是我想要显示的名称，值是我需要提交的值。 我正在使用PHP的示例JSON输出，仅用于测试而不是立即搜索。 这是我在发出AJAX请求时发回的内容： [{“label”:”Client example”,”value”:1},{“label”:”Lorem Ipsum”,”value”:2},{“label”:”Microsoft”,”value”:3}] 并使用下一个代码我认为将直接显示标签并提交id。 当我开始输入时，我在列表客户端示例，Lorem Ipsum和Microsoft中看到了我想要的结果，但是当我选择它们时，列表关闭，输入显示值而不是标签。 $(“#clientid”).autocomplete({ source: function(request, response) { $(“#ajax-loader”).fadeIn(‘normal’); $.ajax({ url: BASE_URL + ‘projects/ajax/get_clients’, data: request, dataType: “json”, type: “POST”, success: function(data) { response(data); } }); $(“#ajax-loader”).fadeOut(“normal”); }, minLength: 2 }); 我还尝试了一个代码@ 3nigma在我看到为什么自动完成失败时建议我： success: function(data) { response($.map( data, function( item ) { return { […]

输入时jQuery自动完成重定向

我有一个完美的自动完成function，但我无法弄清楚如何将用户重定向到一个单独的网页，其中包含按键盘上的ENTER选项信息。 网站本身不一定存在，我只想知道它的代码，假设网站已经存在。 index.php文件： Autocomplete using PHP/MySQL and jQuery Autocomplete using PHP/MySQL and jQuery Table consists of : ID, Location, Slug, Population Search for a Slug : List will be ordered from Highest population to lowest population (Top to bottom) Powered by Jason’s Fingers 的script.js： // autocomplete : this function will be executed every time we […]

jQuery-textcomplete不适用于Chrome扩展程序中的contenteditable div

我正在使用jQuery-textcomplete脚本处理简单的自动完成chrome扩展。 它在大多数传统网站上运行良好，因为它们使用textarea。 它不适用于Google+评论框，Facebook评论框甚至是Gmail。 因为他们只使用带有HTML5’contenteditable’选项的div标签来获取用户的文本，并且还在facebook中使用react。 所以jquery选择器不起作用。 我怎么解决这个问题？ 这是我的选择器。 $(“textarea, .editable, textbox, text”).textcomplete([{ match: /(^|\S*)([^\u0000-\u007f]{2,}|\w{2,})$/, search: function (term, callback) { callback($.map(EnDict, function (word) { return word.indexOf(uni_word) === 0 ? word : null; })); }, replace: function (word) { return word + ‘ ‘; } }]); 有Github存储库

JQuery UI自动完成 – 当用户在文本框中单击时，打开菜单

我正在使用这个JQuery自动完成小部件 。 当用户在文本框中单击时，如何让它自动打开菜单？ 我希望用户看到所有选项。

jQuery自动完成：点击返回提交表单

我正在使用jQuery Autocomplete插件。 // I’m not sure if there’s a better way to do this var base_url = window.location.href.slice(0, window.location.href.indexOf(‘/bar’)); $(‘.foo-widget’).find(‘input:first-child’).autocomplete(base_url + “/api/baz?format=newline”); 标记： Add 这很好用。 但是，当我点击“输入”从自动填充结果中选择一个项目时，表单会提交。 为什么会发生这种情况？ 我查看了jquery.autocomplete.js ，发现以下内容正在执行： case KEY.RETURN: if( selectCurrent() ) { // stop default to prevent a form submit, Opera needs special handling event.preventDefault(); blockSubmit = true; return false; } break; […]

更改后jQuery AutoComplete选择触发？

我正在使用jQuery UI AutoComplete控件 （刚刚更新到jQuery UI 1.8.1）。 每当用户离开文本框时，我想将文本框的内容设置为已知良好值，并为所选值设置隐藏ID字段。 此外，我希望页面在文本框的内容更改时回发。 目前，我通过让autocomplete select事件设置隐藏ID然后在文本框上设置更改事件来设置文本框值，并在必要时导致回发来实现此function。 如果用户只使用键盘，这可以很好地工作。 您可以键入，使用向上和向下箭头选择值，然后使用Tab键退出。 触发select事件，设置id，然后触发change事件并返回页面。 如果用户开始输入然后使用鼠标从自动完成选项中选择，则更改事件将触发（当焦点转移到自动完成菜单？）并且页面在select事件有机会设置ID之前发回。 有没有办法让更改事件在select事件之后才会触发，即使使用鼠标也是如此？ $(function() { var txtAutoComp_cache = {}; var txtAutoComp_current = { label: $(‘#txtAutoComp’).val(), id: $(‘#hiddenAutoComp_ID’).val() }; $(‘#txtAutoComp’).change(function() { if (this.value == ”) { txtAutoComp_current = null; } if (txtAutoComp_current) { this.value = txtAutoComp_current.label ? txtAutoComp_current.label : txtAutoComp_current; $(‘#hiddenAutoComp_ID’).val(txtAutoComp_current.id ? txtAutoComp_current.id : […]

jQuery-autocomplete滚动问题

我在我的应用程序中使用rails3-jquery-autocomplete 。 我遇到了以下问题：如果您在输入字段中输入内容以显示自动填充数据并在此之后滚动页面，则自动填充数据框不会随页面滚动。 它保持在同一个位置。 你可以看看我在这里面对的是什么。 请注意，此示例不是由我创建的，因此我不确定此处是否使用了相同的jquery插件。 然而问题是完全一样的。

Jquery UI自动完成combobox按钮单击事件

使用jquery ui自动完成function创建combobox时，我遇到了奇怪的行为。 每当我点击滚动条滚动结果列表然后单击我的combobox按钮关闭结果列表关闭结果然后再次打开。 我希望它关闭菜单。 Repro的步骤 打开jsfiddle演示 在自动完成中键入“i”或按下下拉按钮。 单击垂直滚动以滚动结果 单击下拉按钮 创建按钮的脚本 this.button = $(” “) .attr({ “tabIndex”: -1, “title”: “Show all items” }) .insertAfter(input) .button({ icons: { primary: “ui-icon-triangle-1-s” }, text: false }) .removeClass(“ui-corner-all”) .addClass(“ui-corner-right ui-button-icon”) .click(function () { // when i put breakpoint here, and my focus is not on input, // then this if steatment […]

jquery autocomplete建议后删除焦点

在自动完成列表中选择一个项目后，我的脚本会validation选择但不会释放焦点。 我甚至试图将注意力集中在我的失望上。 这是我的代码： var usernames = []; $(“#suggest1”).autocomplete(usernames); $(“#suggest1”).result(function() { $(this).submit(); setTimeout(function() { $(‘#focusdiv’).focus(); }, 1); }); 有什么建议？