在 Facebook 上自动完成 jQuery答案

【问题标题】：Autocomplete jQuery on facebox在 Facebook 上自动完成 jQuery
【发布时间】：2011-02-10 22:00:56
【问题描述】：

我需要在我的文本输入中使用自动完成（特别是我尝试使用这个插件http://scottreeddesign.com/project/jsuggest），它位于一个facebox 中。但它不起作用，因为在准备好的文档中有我的功能：

                $(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 不存在，只有当我单击链接时它才会显示在 facebox 中。

你能帮帮我吗？有什么建议吗？

附言不需要插件 jsuggest。这是我发现的第一个。

【问题讨论】：

标签： jquery ajax jquery-plugins autocomplete facebox

【解决方案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。

【讨论】：

感谢 Dalen，但它不起作用。在第一种情况下，结果是“语法错误”。在第二种情况下，facebox 不会出现 ;)

【解决方案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
                            });   
                        });

【讨论】：