2013-05-05 3 views
0

아니라, 얻을 ​​다음JQuery와 UI automcomplete- automcomplete 내가 JQuery와 자동 완성을 사용하려고하는 기능

Timestamp: 5/05/2013 11:45:10 PM 
Error: TypeError: jQuery(...).autocomplete is not a function 
Source File: xxx/test/wp-content/themes/maths-aust/js-files/checkout-suburb-lookup.js 
Line: 31 

되는 HTML의 머리가 잘 보이는 :

<script type='text/javascript' src='xxx/test/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script> 
<script type="text/javascript" src="xxx/test/wp-content/themes/xxx/js-files/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.min.js"></script> 
<script type="text/javascript" src="xxx/test/wp-content/themes/xxx/js-files/checkout-suburb-lookup.js"></script> 

스크립트처럼 보인다 :

jQuery(document).ready(function() {  
    jQuery(function() {  
     jQuery("#wpsc_checkout_form_22").autocomplete({ 
     source: function(request, response) { 
      jQuery.ajax({ 
      url: "http://ws.geonames.org/searchJSON", 
      dataType: "jsonp", 
      data: { 
       featureClass: "P", 
       style: "full", 
       maxRows: 12, 
       name_startsWith: request.term 
      }, 
      success: function(data) { 
       response(jQuery.map(data.geonames, function(item) { 
       return { 
        label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName, 
        value: item.name 
       } 
       })); 
      } 
      }); 
     }, 
     minLength: 2, 
     select: function(event, ui) { 
      // 
     }, 
     open: function() { 
      jQuery(this).removeClass("ui-corner-all").addClass("ui-corner-top"); 
     }, 
     close: function() { 
      jQuery(this).removeClass("ui-corner-top").addClass("ui-corner-all"); 
     } 
     }); 
    }); 
}); 

자동 완성 플러그인을 찾을 수없는 이유가 왜 잘못되었습니다.

+0

옙 내 질문을보십시오. 위의 필수 선언을 올바른 순서로 포함 시켰습니다. – Lock

+0

jQueryUI 빌드에 실제로 자동 완성 기능이 포함되어 있음을 확인 했습니까? jqueryUI 스크립트 파일이 올바르게로드되었는지 확인 했습니까 (404 오류 또는 그와 비슷한 것을 제공 할 경우 브라우저의 dev 도구를보십시오). – Spudley

답변

0

문제점을 발견했습니다. Wordpress는 이미 UI가 포함되어 있습니다!