JQuery自動完成列表消失

當我嘗試選擇自動完成列表中的一個元素時，整個列表消失！一旦我嘗試將鼠標移動到下拉列表中，就會發生這種情況。JQuery自動完成列表消失

我的自動完成：

enter image description here

的js/jquery-ui-1.10.3.custom.min.js包括，同爲jquery-ui-1.10.3.custom.less。

任何想法？

HTML代碼：

<div id="region_box" name="region_box"> 
<input type="text" name="name" placeholder="<%$(language.placeholder.search_box.%b__lang)%>" id="yourCity" size="35" maxlength="50" style="width:340px;" tabindex="1"> 
<input id="chooseb_auto" class="choose" value="&translate("SEARCHBOX_CHOOSE_BUTTON")" type="submit"> 
<div class="error_label">

...

JS代碼：

// Choose the city button 
var both = 0; 
$(".choose").live("click",function(){ 
    for (var id in regionArray) { 
     if(trim(regionArray[id].name[lang]).toUpperCase() == trim($("#yourCity").val()).toUpperCase()) { 
      otherRegionChoosen(id); 
      window.LightBox.close(); 
      return; 
     } 
    } 
..

PS：我在網站上的其他網頁相同的自動完成它的工作，但在着陸頁上它不是

來源

2013-11-14 Ismail Elidrissi

請發佈你的HTML和JS代碼 –

沒有顯示你的代碼，它不可能有人會指出這個問題。它的工作原理你可以在這裏看到http://jsfiddle.net/DLLVw/ –

@AamirAfridi對不起，我只是發佈它 –

如果你正在使用最新的jQuery版本你必須非常清楚

.data（「autocomplete」）._ renderItem = function（ul，item）{};在這一行。

在這裏我們會做的錯誤是「自動完成」 .....在JQuery的更高版本我們必須

給像。數據（「UI-自動完成」）._ renderItem =功能（ ul，item）{};

給你我分享一些片段.... PLease找到它，如果你有任何問題，請隨時請我問..快樂編碼!!!!!!

我覺得你有什麼是我告訴.....

$（ '＃ID_YourElement'）自動完成（{ 來源：函數（請求，響應）{

   var URL = ''; 

       URL = "yourServiceURL"; 


       $.ajax({ 
        url: URL, 
        dataType: "json", 
        success: function (data2) { 
         response($.map(data2, function (item) { 
          return { 
           label: item.FirstName + ' ' + item.LastName, 
           value: item.FirstName + ' ' + item.LastName, 
           Data: item 
          } 
         })); 


        } 
       }); 
      }, 
      minLength: 2, 
      select: function (event, ui) { 

       $(this).attr("Data", JSON.stringify(ui.item.Data)); 

       uiResult.push(ui.item.Data); 


      }, 
      open: function (event, ui) { 
       if ($('.ui-autocomplete').find('li').length > 3) { 
        $('.ui-autocomplete').css('padding-right', '20px').css('width', '340px').css('max-height', '225px').css('overflow-y', 'auto').addClass('dropdown-menu'); 
       } 
       else { 
        $('.ui-autocomplete').css('padding-right', '2px').css('width', '340px').css('max-height', '225px').css('overflow-y', 'auto').addClass('dropdown-menu'); 
       } 
       $(".ui-helper-hidden-accessible").hide(); 
       $(this).autocomplete('widget').css('z-index', 100000); 

       return false; 
      } 
     }).data("ui-autocomplete")._renderItem = function (ul, item) { 

      var html = ''; 

      html = html + '<a href="javascript:;" tabindex="-1">'; 

      html = html + '<div style="font-weight: 600;" class="span10">'; 
      html = html + '<span>' + item.FirstName + ' ' + item.LastName + '</span><br>'; 
      html = html + '<span>' + item.Email + '</span>'; 
      html = html + '</div>'; 

      html = html + '</a>'; 



      return $("<li></li>").data("item.autocomplete", item).append(html).appendTo(ul); 
     };

來源

2013-11-14 11:22:45 Viniston

JQuery自動完成列表消失

回答

相關問題