Tag: jquery ui autocomplete

在浏览器resize时重新定位jQuery UI自动完成

如果您打开自动完成下拉菜单并调整浏览器窗口大小,则自动完成下拉列表不会重新定位,则会出现问题。 在此video中突出显示: http : //www.youtube.com/watch?v = d7rZYH0DgWE 我查看了文档,找不到可以在$(window).resize()函数调用中调用的重定位方法(在jquery-ui文档http://jqueryui.com/demos/autocomplete中 )。 这有优雅的灵魂吗?

Jquery UI自动完成显示早期文本的响应

我正在使用Jquery自动完成function。 如果用户键入2个字符然后等待,则键入另一个。 如果第一个响应在第二个响应之后,它将简要显示第二个列表,然后显示第一个列表。 如何在用户开始输入更多内容后取消第一个请求? $(“#city”).autocomplete({ source: function( request, response ) { $.ajax({ url: “/geo/json_autocomplete.php”, dataType: “json”, data: { term: $(“#city”).val(), countryid: $(“#countryid”).val() }, success: function( data ) { response( $.map( data, function( item ) { //console.debug(item.value+” “+item.label+” “+item.id); return { label: item.label, value: item.value, id: item.id } })); } }); }, minLength: 2, delay: 500, […]

JQuery自动完成:如何强制从列表中选择(键盘)

我正在使用JQuery UI自动完成。 一切都按预期工作,但是当我用键盘上的向上/向下键循环时,我注意到文本框中按预期填充了列表中的项目,但是当我到达列表的末尾并再按下向下箭头时时间,我键入的原始术语显示,这基本上允许用户提交该条目。 我的问题:是否有一种简单的方法可以将选择限制在列表中的项目中,并从键盘选择中删除输入中的文本? 例如:如果我有一个包含{‘Apples (AA)’, ‘Oranges (AAA)’, ‘Carrots (A)’} ,如果用户输入’app’,我会自动选择列表中的第一项(’苹果(AA)’在这里),但如果用户按下向下箭头,’app’将再次出现在文本框中。 我怎么能防止这种情况? 谢谢。

jQuery UI Autocomplete的“源”回调中的“响应”和“请求”参数是什么?

我正在查看自动完成教程,我有几个问题: http : //jqueryui.com/demos/autocomplete/#option-disabled $( “#tags” ) // don’t navigate away from the field on tab when selecting an item .bind( “keydown”, function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && $( this ).data( “autocomplete” ).menu.active ) { event.preventDefault(); } }) .autocomplete({ minLength: 0, source: function( request, response ) { // delegate back to […]

jQuery UI – 格式化自动完成结果。 可以添加图片吗?

我们正在从bassistance.de自动完成到jQuery UI自动完成。 我找不到jQuery UI版本的那么多例子,文档看起来有点稀疏。 那可能只是我。 我想知道是否有人有一个示例/教程解释如何改变自动完成下拉列表的外观。 我的代码如下: $( “#SearchInput” ).autocomplete({ source: function( request, response ) { $.ajax({ url: “http://servername/index.pl”, dataType: “json”, data: { term: request.term }, success: function( data ) { response( $.map( data.items, function( item ) { return { label: item.id + ” – ” + item.label, value: item.id } })); } }); }, […]

JQuery UI自动完成(1.8)滚动

我在配置JQuery-UI的自动完成模块时遇到了麻烦。 我需要当要选择的数据量足够大时会出现滚动条。 这是我试过的: 在jquery-ui-1.8.16.css我设置了这个: ui.autocomplete{ max-height: 100px; overflow-y: auto; overflow-x: hidden; } *如ui-documentation示例中所示 这就是我声明和自动完成输入的方式: $(“#myInput”).autocomplete({ source: mySource, minLength: 0, }); 我不知道为什么滚动条没有出现,任何帮助将不胜感激。 非常感谢你!

jQuery自动完成:事件选择

我正在尝试从菜单中选择项目时提交表单。 我在搜索表单上设置了类,我正在使用它的事件选择,它可以在这里找到: http : //docs.jquery.com/UI/Autocomplete#event-select 现在,当您使用键盘选择项目(向上和向下)时,它可以正常工作。 但是,如果使用鼠标选择项目,它将为您提供以前键入的值。 检查此屏幕: http : //www.screenr.com/7T0s 这是我用于提交的内容: $(“#searchform-input”).autocomplete({ select: function (a, b) { $(“.searchform1”).submit() } });

jQuery UI自动完成DownArrow UpArrow

我在使用jQuery Autocomplete和移动DownArrow和UpArrow时遇到了一些问题? 问题似乎是这样 focus: function (event, ui) { $(‘#autocomplete-input’).val(ui.item.label); } 这适用于MOUSE焦点 – 但是当我使用arrowUp和arrowDown – 它会在ui.item.id之上和之上选择ui.item.label 我该如何解决这个问题,以便: input值根本没有改变[即它保持用户输入的术语] 它使用keydown / keyup用户使用的focused更新input 谢谢

jQuery-ui自动完成多个值按字母顺序排序结果

参考这个问题根据匹配位置排序自动完成UI结果 ,有一个解决方案,提供单值jQuery自动完成,但是有可能为多个值jQuery自动完成获得类似的解决方案( http://jqueryui.com/autocomplete/ #multiple )?

JQuery可重用的自动完成function

大家好朋友, 我在为此自动完成function添加.data自定义渲染时遇到语法问题。 我在哪里/如何添加: .data( “autocomplete” )._renderItem = function( ul, item ) { return $( “” ) .data( “item.autocomplete”, item ) .append( “” + item.value + ” | ” + item.desc + “” ) .appendTo( ul ); }; 对于这段代码: function Autocomplete(numberLocation,nameLocation,dscLocation,chargeLocation) { $(numberLocation).autocomplete ({ minLength: 4, source: function(request, response){ var fundnum = $(numberLocation).val(); fundnum = escape(fundnum); […]