面部框上的自动完成jQuery
问题描述:
我需要在我的文本输入框中使用自动完成功能(特别是使用此插件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不是必需的。这是我找到的第一个。
答
溶液被绑定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。
答
这是我尝试的解决方案,它的工作原理!谢谢大家!
我用这个插件: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
});
});
感谢达伦但它不工作。在第一种情况下,结果是“语法错误”。在第二种情况下,面盒不适合;) – Dany 2011-02-10 13:55:39