facebox의 자동 완성 jQuery

Question

필자는 자동 완성 기능 (특히이 플러그인을 사용해보십시오) http://scottreeddesign.com/project/jsuggest을 입력해야합니다. 텍스트 입력은 페이스 박스에 있습니다. 그러나이 문서에 Beacause은 작동하지 않았다 준비가 제 기능이있다 :

   $(document).ready(function(){    

         /** suggest new Quid **/ 
         $('#idInput').jSuggest({ 
          default_text: 'Inserisci il quid', 
          terms_url:  'data.php'+'%input%', 
          limit: 10 
         }); 

         $('#idLink').live('click', function(e) { jQuery.facebox("<input type='text' id='idInput' />") }); 
       }); 

하지만 처음 #idInput이 존재하지 않는 DOM, 내가 링크를 클릭 만 facebox의 쇼입니다.

도와 주시겠습니까? 어떠한 제안?

p.s. 플러그인 jsuggest는 필요하지 않습니다. 그것은 내가 처음으로 발견 한 것입니다.

Answer 1

솔루션은 오른쪽 클릭 이벤트에 jSuggest 플러그인을 결합한다 : 어쩌면

$('#idLink').live('click', function(e) 
    { 
    jQuery.facebox("<input type='text' id='idInput' />").jSuggest(
     { 
      default_text: 'Inserisci il quid', 
      terms_url:  'data.php'+'%input%', 
      limit: 10 
     }); 
    }); 

이상 :

$('#idLink').live('click', function(e) 
    { 
    $("<input type='text' id='idInput' />").jSuggest(
     { 
      default_text: 'Inserisci il quid', 
      terms_url:  'data.php'+'%input%', 
      limit: 10 
     }).facebox(); 
    }); 

편집 : 솔루션은 위의 다음 작업이 시도하지 않습니다 :

$('#idLink').live('click', function(e) 
    { 
    $input = $("<input type='text' id='idInput' />"); 
    $input.jSuggest(
     { 
      default_text: 'Inserisci il quid', 
      terms_url:  'data.php'+'%input%', 
      limit: 10 
     }); 
    $input.facebox(); 
    }); 

Anywa y jquery-ui의 autocomplete을 사용하는 것이 좋습니다.

Answer 2

이것은 내가 시도한 솔루션이며 작동합니다! 모두에게 감사드립니다!

나는이 플러그인을 사용 : http://www.pengoworks.com/workshop/jquery/autocomplete.htm

   $(document).ready(function(){    

         $('#idLink').live('click', function(e) { 

          jQuery.facebox("<input type='text' id='idInput' />") }); 

          /** suggest **/ 
          $('#idInput').jSuggest({ 
           default_text: 'default text here', 
           terms_url:  'data.php'+'%input%', 
           limit: 10 
          }); 
         });