jQuery Autocomplete .data(“autocomplete”)未定义

前端之家收集整理的这篇文章主要介绍了jQuery Autocomplete .data(“autocomplete”)未定义前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我尝试实现自动完成使用下面的代码,我得到一个错误说:
.data("autocomplete") is undefined

如果我从最后删除.data()方法,它工作正常(只是与出的可定制的图形.data()提供)。任何人都可以告诉我发生了什么问题?

$("input#testInput").bind("autocompleteselect",function (event,ui) {

  }).autocomplete({
      appendTo: "#autoCompList",source: function (request,response) {
          $.ajax({

              url: JSONP CALL URL
              dataType: "jsonp",data: {
                  featureClass: "P",style: "full",maxRows: 12,name_startsWith: request.term
              },success: function (data) {
                  response($.map(data.data,function (item) {
                      fbPageJson = item;
                          return {
                              label: item.name,image: item.picture,json: item,}
                  }));
              },});
      }

  }).data("autocomplete")._renderItem = function (ul,item) {
      return $("<li></li>").data("item.autocomplete",item).append("<a><img src='" + item.image + "' alt='no photo'/></a>" + item.label).appendTo(ul);
  };

解决方法

我有同样的问题,并基于1.10.0版本的jquery ui,我想你应该试试
data('uiAutocomplete')

代替

data('autocomplete')

基于Johnny的评论,我检查了.data()函数的工作原理。是的,当选择器没有找到任何项目时,jQuery从.data()调用返回null。

因此,如果您的选择器没有匹配元素,则不会创建自动完成对象,并将其添加自定义数据对象。

所以它似乎是更好地这样做:

$(selector).autocomplete({ your autocomplete config props here });
    if ( $(selector).data() ) {

    // some jQueryUI versions may use different keys for the object. so to make sure,// put a breakpoint on the following line and add a watch for $(selector).data(). 
    // then you can find out what key is used by your jQueryUI script.

        var ac = $(selector).data('uiAutocomplete');
        if ( ac ) {
           // do what you want with the autoComplete object. below is the changed version of an example from jqueryUI autocomplete tutorial

           ac._renderItem = function(ul,item) {
                return $("<li>")
                    .append("<a>" + item.label + "</a>")
                    .appendTo(ul);
            };
        }
    }
原文链接:https://www.f2er.com/jquery/184295.html

猜你在找的jQuery相关文章