검색된 요소에서 jquery 자동 완성

간단한 jquery 자동 완성 스크립트를 사용하여 텍스트 필드의 대학을 검색하고 있습니다. 이 스크립트는 다른 페이지에서 작동합니다. 문제의 페이지에서, 나는 ajax 호출로 폼을 가져오고 작동하지 않는다. 뭔가를 잊었거나 autocomplete 이벤트를 DOM에 삽입 할 때 바인딩 문제가 있습니까?검색된 요소에서 jquery 자동 완성

AJAX 마크 업 :

<input type="text" class="alumni" name="alumni0" id="alumni0" value="Academy College">

스크립트 : 당신이 DOM에 새 양식을 추가 할 때

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css" type="text/css" media="all" rel="stylesheet" /> 
    <script type="text/javascript" language="javascript"> 
     var availableTags; 
     $(function() { 
      availableTags = ["A T Still University of Health Sciences", ... ,"Abilene Christian University"]; 
      $(".alumni").autocomplete({ 
       source: availableTags 
      }); 
     }); 
    </script>

출처

2011-03-23 doub1ejack

입력란을 ajax를 통해 문자열로 가져 옵니까? – Dalen

가 자동 완성 이벤트를 리 바인딩하십시오. jquery 라이브 기능에 자동 완성 기능이 첨부되어 있지 않으므로 새 요소에 이벤트가 첨부되어 있지 않기 때문에 일어날 가능성이 높습니다.

출처

2011-03-23 15:58:28 scrappedcola

은 의미가 있습니다. 그 문제를 해결하는 방법에 대한 빠른 답변을 갖고 있습니까? – doub1ejack

새 요소가 추가 된 직후에 "$ (". 동문 "). 자동 완성 ({source : availableTags});});"부분을 반복하십시오. 사용 가능한 태그를 이미 정의한대로 다시 정의 할 필요가 없습니다 (페이지를 다시로드하지 않는 한). 더 나은 해결책이있을 수 있지만 그것은 내가 일반적으로하는 일입니다. – scrappedcola

아름다운 !! 아약스 - y가 처음으로 작동 할 때 특히 좋아합니다. 좋은 느낌입니다! 감사. – doub1ejack

검색된 요소에서 jquery 자동 완성

답변

관련 문제