Автозаполнение JQuery на Facebox

Question

Мне нужно использовать автозаполнение (в частности, я пытаюсь использовать этот плагин http://scottreeddesign.com/project/jsuggest) в моем текстовом вводе, который находится в лицевой панели. Но это не сработало, потому что в документе, готовом, есть моя функция:

                $(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' />") });
                });

но изначально dom #idInput не существует, он отображается в фейсбоксе, только когда я нажимаю на ссылку.

Вы можете мне помочь? Любое предложение?

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();
  });

В любом случае, я бы посоветовал вам использовать 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
                            });   
                        });