2011-02-09 36 views
0

我需要在我的文本输入框中使用自动完成功能(特别是使用此插件http://scottreeddesign.com/project/jsuggest进行尝试)。但它并没有在文档中工作东阳准备有我的功能:面部框上的自动完成jQuery

   $(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。

你能帮我吗?任何建议?

p.s. 插件jsuggest不是必需的。这是我找到的第一个。

回答

2

溶液被绑定jSuggest插件权上的click事件:

$('#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

+0

感谢达伦但它不工作。在第一种情况下,结果是“语法错误”。在第二种情况下,面盒不适合;) – Dany 2011-02-10 13:55:39

0

这是我尝试的解决方案,它的工作原理!谢谢大家!

我用这个插件: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 
          }); 
         });