Tag: autocomplete

使用URL中的JSON进行jQuery UI自动完成: 我正在使用jQuery UI自动完成function。我可以使用jQuery UI提供的示例，如下所示： 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 }); 这没有任何问题。但我需要使用JSON作为我的数据源，可以像这样检索： http：//mysite.local/services/suggest.ashx？query = ball 如果我要去那个URL，我会像这样得到JSON： [{“id”:12,”phrase”:”Ball”},{“id”:16,”phrase”:”Football”},{“id”:17,”phrase”:”Softball”}] 如何使用我的URL作为数据源？我试过像这样更改source-option： $(“#tags”).autocomplete({ source: “http://mysite.local/services/suggest.ashx” }); 但它没有帮助。我猜这个服务不知道在输入字段中输入了哪个关键字？任何指针都会很棒。

jQuery UI自动完成奇怪的行为: 以下是我的代码： var availableTags = [“ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C”, “C++”, “Clojure”, “COBOL”, “ColdFusion”, “Erlang”, “Fortran”, “Groovy”, “Haskell”, “Java”, “JavaScript”, “Lisp”, “Perl”, “PHP”, “Python”, “Ruby”, “Scala”, “Scheme”]; $(“#City”).autocomplete({ source: availableTags }); 从文档中，默认行为是匹配项的dropdown 。但对我而言，它表现得像截图：有10个结果可用，使用向上和向下箭头键进行导航。抱歉，我无法在jsfiddle中重现此行为。使用向上和向下箭头键完成导航。我不想要这个，我怎么能恢复到默认下拉列表？请分享您的建议。更新：使用@Anton引用，我能够删除validation消息，但dropdown未显示。但我可以使用向上/向下箭头键进行导航。对此有何反馈？

两个具有相同函数名的jquery插件之间的冲突: 我在一个大型网站工作，其中包含2个冲突的jquery插件，用于执行自动完成。 1）jquery.autocomplete.js（不是jquery ui的一部分）： $.fn.extend({ autocomplete: function … 2）jquery.ui.autocomplete.js（来自最新的jquery ui库），它也使用autocomplete关键字。 $.widget( “ui.autocomplete”, { … 有没有办法在调用时指定我只使用第二个jquery.ui小部件 $( “#tags” ).autocomplete … 没有改变2个文件？

来自数据库的JQuery自动完成: 我需要为我的网站做自动完成建议，并且应该从数据库中检索数据。我想使用JQuery自动完成。这是我的代码，但它不起作用！这是我的php文件，名称为gethint.php： $row[‘fname’], ‘label’=> $row[‘fname’] ); } echo json_encode($json); ?> 然后这是我的html文件： $(document).ready(function(){ $(“#hint”).autocomplete({ source:’gethint.php’, minLength:1 }); }); Name: 花了很多时间，但我找不到问题。我想知道是否有人可以帮助我。谢谢。

jQuery自动完成选择事件: 我创建了jQuery UI自动完成function，它非常好用。但我的要求是我显示为列表的内容也应该在文本框中选择相同的内容。但它没有选择像XXX（XYZ）这样的例子列表但是当我选择它时只选择XXX而不是XXX（XYZ）我错过了!! function getDeptStations() { $(“#txDestination”).autocomplete({ source: function (request, response) { var term = request.term; var Query = “”; if (lang === “en”) Query = “City_Name_EN”; else if (lang === “fr”) Query = “City_Name_FR”; if (lang === “de”) Query = “City_Name_DE”; if (lang === “ar”) Query = “City_Name_AR”; var requestUri = “/_api/lists/getbytitle(‘Stations’)/items?$select=City_Code,” + […]

可以更改“jquery UI自动完成”function中传递的默认“术语”名称吗？: 我正在尝试更改默认情况下使用jquery ui自动完成function设置的“term”字段。是否可以轻松地将其更改为“q”（查询）而无需在“核心”文件中更改它？ JavaScript的： $(function() { $( “#spotify_song_search” ).autocomplete({ source: “http://ws.spotify.com/search/1/track.json”, data: { q: request.term }, dataType: “getjson”, minLength: 3, select: function( event, ui ) { alert(‘select’); } }); });

Flask中的jQuery自动完成function: 无法使jQuery自动完成小部件与Flask框架一起使用。（ http://jqueryui.com/autocomplete/#remote这里是一个例子）在manage.py中，我得到以下内容： @app.route(‘/autocomplete’, methods=[‘GET’]) def autocomplete(): results = [] search = request.args.get(‘autocomplete’) for mv in db_session.query(Movie.title).filter(Movie.title.like(‘%’ + str(search) + ‘%’)).all(): results.append(mv[0]) return jsonify(json_list=results) 我的index.html文件： … $(function() { $.ajax({ url: ‘{{ url_for(“autocomplete”) }}’ }).done(function (data) { $(‘#autocomplete’).autocomplete({ source: data.json_list, minLength: 2 }); }); }); … … … 看起来像firefox中的dev工具不会返回任何错误。终端返回以下内容： “GET / autocomplete HTTP / […]

重新定位Jquery UI自动完成结果框: 我正在使用Jquery UI自动完成插件作为直接搜索术语建议工具。它启动并运行没有问题，除了我无法移动结果框。我基本上需要向左移动20个像素，向下移动4个像素。我试图覆盖Jquery UI CSS，但无法重新定位该框。任何有此问题经验的人的帮助将不胜感激。