jQuery UI自動完成窗口小部件返回使用ui-helper-hidden-accessible類填充跨度的值

Question

我有一個自動完成搜索字段，可以返回正在搜索的城市的經度和緯度。

出於某種原因，在建議結果的「選擇」中，存在一類具有「ui-helper-hidden-accessible」類和「status」角色的跨度，從隱藏到可見並顯示所選結果的值。

這很奇怪，因爲即使我註釋掉最後一行代碼，該代碼告訴「select」事件使用自動完成返回的值填充另一個隱藏文本字段，但此「隱藏」範圍仍然可見，並且返回的自動完成值。

這是怎麼回事？

這是我的CoffeeScript參考

myGeocodeAutocomplete = -> 
    $('[type="text"][name*="[geocode_location]"]').autocomplete 
    source: (request, response) -> 
     $.ajax 
     url: "http://ws.geonames.org/searchJSON" 
     dataType: "jsonp" 
     data: 
      featureClass: "P" 
      style: "full" 
      maxRows: 12 
      name_startsWith: request.term 

     success: (data) -> 
      response $.map(data.geonames, (item) -> 
      label: item.name + ((if item.adminName1 then ", " + item.adminName1 else "")) + ", " + item.countryName 
      value: item.lat + ", " + item.lng 
     ) 
    minLength: 2 

    open: -> 
     $(this).removeClass("ui-corner-all").addClass "ui-corner-top" 
    close: -> 
     $(this).removeClass("ui-corner-top").addClass "ui-corner-all" 
    focus: (event, ui) -> 
     event.preventDefault() 
     $(this).val ui.item.label  
    select: (event, ui) -> 
     event.preventDefault() 
     $(this).val ui.item.label 
     $(this).siblings('[name*="[geocode_ll]"]').val ui.item.value 

Answer 1

就在這裏找到答案：jquery ui autocomplete adding a span

我很抱歉再次詢問，但它是一個艱難而晦澀的問題的時候去尋找。