JQuery 자동 완성이 작동을 멈췄습니다.

Question

응용 프로그램을 병합 할 때 My Jquery UI 자동 완성 기능이 작동하지 않습니다.

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script> 
    <script type="text/javascript" src="js/jquery.bubblepopup.v2.3.1.min.js"></script> 
<script src="js/modernizr-1.6.min.js"></script> 
<script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.autocomplete.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.core.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.position.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.ui.widget.js"></script> 
    <link rel="stylesheet" href="js/jquery-autocomplete/jquery.autocomplete.css" type="text/css" /> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.min.js"></script> 
    <script type="text/javascript" src="js/jquery-autocomplete/jquery.autocomplete.pack.js"></script> 

그리고 코드 :

$(function() { 
    function split(val) { 
     return val.split(",\n"); 

    } 

    function extractLast(term) { 
     return split(term).pop(); 
    } 

    $("#responsableUtu") 
    // don't navigate away from the field on tab when selecting an item 
    .bind("keydown", function (event) { 
     if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) { 
      event.preventDefault(); 
     } 




    }) 

    .autocomplete({ 

     source: function (request, response) { 
      $.getJSON("username.html?startWith=" + extractLast(request.term), 

      { 

      }, response); 
     }, 

     search: function() { 
      // custom minLength 
      var term = extractLast(this.value); 
      if (term.length < 3) { 
       return false; 
      } 
     }, 
     focus: function() { 
      // prevent value inserted on focus 
      return false; 
     }, 
     select: function (event, ui) { 
      var terms = split(this.value); 
      // remove the current input 
      terms.pop(); 
      // add the selected item 
      terms.push(ui.item.value); 
      // add placeholder to get the comma-and-space at the end 
      terms.push(""); 
      this.value = terms.join(" "); 
      return false; 
     } 


    }); 
}); 

libs와이 발견

내 라이브러리 (모든 스크립트)입니다. 뭐가 문제 야?

Answer 1

autocomplete의 스크립트를 네 번 포함하고 (압축되지 않은 버전의 두 배, min 및 pack 버전의 한 번), 이미 전체 라이브러리를 포함하고있는 경우 jQuery UI의 모듈을 다시 포함합니다.

이 당신의 <script />의 블록을 교체하십시오 :

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript"></script> 
<script src="js/jquery.bubblepopup.v2.3.1.min.js" type="text/javascript"></script> 
<script src="js/modernizr-1.6.min.js" type="text/javascript"></script> 

이 당신에게 "깨끗한"환경 (나는 당신의 파일에 어떤 건지하지 않는 한 나는 구글의 CDN을 사용) 제공해야합니다.

문제가 해결 되었습니까?