Перестало работать автозаполнение пользовательского интерфейса jQuery - PullRequest
1 голос
/ 24 июня 2010

По какой-то причине автозаполнение jQuery UI перестало работать для меня. Я получаю ту же ошибку, которая описана на этой веб-странице .

Я скопировал содержание запроса с этой веб-страницы ниже, надеясь, что кто-то здесь сможет ответить на него.

Спасибо!

Я использую Jquery UI Autocomplete, чтобы получить список имен. Но по какой-то причине я получаю сообщение об ошибке:

alt text

$('#repName').removeAttr('readonly').focus(function () {
                   $(this).val('');
               }).autocomplete({
                   source: function (request, response) {
                       tagId = $('#TagId').val();
                       $.ajax({
                           url: '/Developement/GetRepName', type: 'POST', dataType: 'json',
                           data: { searchText: request.term, maxResults: 10, tagId: tagId },
                          success: function (data) {
                              response($.map(data, function (item) {
                                  return {
                                      label: item.Name,
                                      value: item.RepId,
                                      id: item.RepId
                                  }
                              }))
                          }
                      })
                  },
                  select: function (event, ui) {
                      commissionAllicationModifications(ui.item.id, 0, 'A');
                  }
              });

Понятия не имею, почему это происходит. Я использую Jquery UI 1.8.1.

Буду признателен за любую помощь в этом.

Это происходит из файла jQuery UI 1.8.1, в частности, jQuery UI Autocomplete 1.8.1.

 .menu({
               focus: function (event, ui) {
                   var item = ui.item.data("item.autocomplete");
                   if (false !== self._trigger("focus", null, { item: item })) {
                       // use value to match what will end up in the input, if it was a key event
                       if (/^key/.test(event.originalEvent.type)) {
                           self.element.val(item.value);
                       }
                   }
               },
               selected: function (event, ui) {
                   var item = ui.item.data("item.autocomplete");
                   if (false !== self._trigger("select", event, { item: item })) {
                       self.element.val(item.value);
                   }
                   self.close(event);
                   // only trigger when focus was lost (click on menu)
                   var previous = self.previous;
                   if (self.element[0] !== doc.activeElement) {
                       self.element.focus();
                       self.previous = previous;
                   }
                   self.selectedItem = item;
               },
*                blur: function (event, ui) {
*                    if (self.menu.element.is(":visible")) {
*                        self.element.val(self.term);
*                   }
*               }
           })
           .zIndex(this.element.zIndex() + 1)
           // workaround for jQuery bug #5781 http://dev.jquery.com/ticket/5781
           .css({ top: 0, left: 0 })
           .hide()
           .data("menu");

Это странно, потому что это работает безупречно в другом проекте. Я заметил, что когда код попадает в раздел [starred], раздел self.menu не определен. Также следует отметить, что он даже не отправляет запрос. Я думал, что это может быть моей функцией фокусировки.

.focus(function () {
     $(this).val('');

Но это не так. Спасибо за помощь.

Ответы [ 2 ]

3 голосов
/ 25 июня 2010

Оказывается, я включил плагин, который определил $.fn.menu и это нанесло ущерб.Я изменил его на $.fn.fg_menu, и проблема была решена.

0 голосов
/ 24 июня 2010

Какую версию ядра jQuery вы используете?

Мне известна ошибка, связанная с видимым обнаружением и IE8 .Если возможно, можете ли вы перейти на последнюю версию jQuery на тестовом компьютере и посмотреть, решит ли это вашу проблему?

Если вы не хотите обновляться, вы также можете попробовать взломать jQuery (УЖАСНО!) - с этим :

if (self.menu.element.is(":visible"))

становится

if (!(self.menu.element.css('display') == 'none'))

...