标签: jquery-autocomplete

我想在每个页面上对每个jQuery的自动完成插件实例进行不同的设置.除了我无法弄清楚如何为每个实例设置不同的样式.我似乎无法将div中的ac_*样式包装起来以从CSS中识别它们.我所做的每一项改变都会影响到 有任何想法吗？

谢谢.

当用户开始在搜索框上键入时,建议页面将返回与该nama匹配的所有集合中的最新项目以及其他数据.

我想显示该项目(沿着其图像),以及"查看此集合中的所有项目"的链接.

我可以通过以下代码完成(大部分):

$('#search').autocomplete({
    source: function (request, response) {
        $.ajax({
            url: suggesturl,
            dataType: 'json',
            data: request,
            success: function (data) {
                response(data.map(function (value) {
                    return {
                        'label': '<img src="' + value.thumbsmall + '" />' + value.name + '<a href="/">More items from this collection...</a>',
                        'value': value.fullname
                    };  
                }));
            }   
        }); 
    },  
    minLength: 3
})

问题是,虽然链接出现在框中,但当它被单击时,它会被忽略,并执行默认select操作(项目value被放入文本框).

我试图使用jQuery UI自动完成与一个带有responseformate JSON的web服务进行交流,但我无法这样做.

我的web服务甚至没有执行,路径应该是正确的,因为错误消息不会抱怨这个.

令我震惊的是标题,响应是肥皂但请求是json,它应该是这样的吗？

Response Headersvisa källkod
Content-Type application/soap+xml; charset=utf-8


Request Headersvisa källkod
Accept application/json, text/javascript, */*
Content-Type application/json; charset=utf-8

我得到的错误消息如下(抱歉这个巨大的消息,但它可能很重要):

soap:ReceiverSystem.Web.Services.Protocols.SoapException:服务器无法处理请求.---> System.Xml.XmlException:根级别的数据无效.1号线,在System.Xml.XmlTextReaderImpl.Throw(例外五)在System.Xml.XmlTextReaderImpl.Throw(字符串RES,字符串ARG)在System.Xml.XmlTextReaderImpl.ParseRootLevelWhitespace()在System.Xml.XmlTextReaderImpl位置1. ParseDocumentContent()在System.Xml.XmlTextReaderImpl.Read()在System.Xml.XmlTextReader.Read()在System.Web.Services.Protocols.SoapServerProtocol.SoapEnvelopeReader.Read()在System.Xml.XmlReader.MoveToContent()在System.Web.Services.Protocols.SoapServerProtocol.SoapEnvelopeReader.MoveToContent()在System.Web.Services.Protocols.SoapServerProtocolHelper.GetRequestElement()在System.Web.Services.Protocols.Soap12ServerProtocolHelper.RouteRequest()在System.Web.Services. Protocols.SoapServerProtocol.RouteRequest(SoapServerMessage消息)在System.Web.Services.Protocols.SoapServerProtocol.Initialize()在System.Web.Services.Protocols.ServerProtocolFactory.Create(类型类型,HttpContext的上下文中,请求的HttpRequest,HttpResponse对象响应,布尔逻辑abortProcessing )---内部异常堆栈跟踪结束---

这是我的代码:

$('selector').autocomplete({   
   source: function(request, response) {
                $.ajax({
                    url: "../WebService/Member.asmx",
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    data: JSON.stringify({prefixText: request.term}),

                    success: function(data) {
                        alert('success');
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown){
                        alert('error');
                    }
                })
                }, 
   minLength: 1,
   select: function(event, ui) {

   }
  });

我的webservice看起来像这样:

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[ScriptService]
public class Member : …

我有一个带有远程数据源的文本框,用于自动完成(jquery)[不是插件,jquery ui演示中显示的原始插件]如何确保用户只输入自动完成建议中的内容而不是他自己的内容？

使用jQuery Autocomplete,根据文档,您必须执行以下操作来缓存:

<script>
$(function() {
    var cache = {},
        lastXhr;
    $( "#birds" ).autocomplete({
        minLength: 2,
        source: function( request, response ) {
            var term = request.term;
            if ( term in cache ) {
                response( cache[ term ] );
                return;
            }

            lastXhr = $.getJSON( "search.php", request, function( data, status, xhr ) {
                cache[ term ] = data;
                if ( xhr === lastXhr ) {
                    response( data );
                }
            });
        }
    });
});
</script>

以前没有一个缓存选项吗？谢谢

此问题的目标是:通过使用jquery-autocomplete,如果未选择任何项目,则使Tab键能够选择第一个项目.

我已实现的代码(1)有效,但我有一些疑问,我想澄清它们,或者,如果有可能,改进/更改代码(1)以实现我的目标.

我的怀疑是:

我太早触发ENTER:事件调度是异步的(不同的侦听器是同步调用的,但它是触发器的异步),所以我可以在侦听器处理DONE之前触发它.
因此,我仍然在这里为这两个事件使用相同的对象,所以我可能有令人讨厌的副作用(如果我在第一次调度期间阻止默认,它将被阻止为第二个,因为它是例如相同的对象) .

有什么建议/评论吗？谢谢.

PS:
1)这是jsfiddle链接:http://jsfiddle.net/uymYJ/31/.
2)这个问题与这个问题有关如何在这种情况下避免修改事件对象.

(1)

$("#box").keydown(function(event){
    var newEvent = $.Event('keydown', {
        keyCode: event.keyCode
    });

    if (newEvent.keyCode !== $.ui.keyCode.TAB) {
        return;
    }

    newEvent.keyCode = $.ui.keyCode.DOWN;
    $(this).trigger(newEvent);

    newEvent.keyCode = $.ui.keyCode.ENTER;
    $(this).trigger(newEvent);
});

使用Foundation功能而不是jQuery CSS进行自动完成的最佳做法是什么？

这是我的代码:http://jsfiddle.net/qhoc/88kfb/

<div class="row">
 <form class="custom">
 <fieldset>
 <legend>Fieldset</legend>
 <div class="row">
  <div class="large-12 columns ui-widget">
   <label for="tags">Input Label</label>
    <input id="tags" type="text" placeholder="large-12.columns">
  </div>
 </div>
</div>   

我只是不喜欢在页面上包含另一个.css文件:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

所以我想我有两个问题:

1. 有没有办法dropdown从基金会或其他东西使用？似乎dropdown只是因为topbar它的css在特定用例之外搞砸了.

2. 什么是在Foundation创建下拉菜单的"标准"方法？请帮助一些例子.因为我认为这是一堆rows或者它可能是一个调整dropdown

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

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

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

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

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

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

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

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

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