jQueryUI自动完成添加菜单到错误的元素

我有一个自动完成jQueryUI功能的文本框。我想将结果追加到#catcher的ID的div。目前，结果仅附加在文本输入的下方。您可以在自动完成初始化中看到我试图指定appendTo选项的位置，并且当我将appendTo选项写入控制台时，它会打印正确的ID，但结果不会附加到那里。为什么将自动完成的结果添加到错误的地方？jQueryUI自动完成添加菜单到错误的元素

$(document).ready(function() 
      { 

       $('#nameAutoComplete').autocomplete(
       { 

        source: ['one', 'two', 'three', 'four', 'five', 'six', 'seven'], 
        appendTo: '#catcher' 

       }); 
       //prints #catcher to the console 
       console.log($('#nameAutoComplete').autocomplete('option', 'appendTo')); 


      });

HTML

<form id="form1" runat="server"> 
    <div> 
    <input name="nameAutoComplete" type="text" id="nameAutoComplete" /> 
    //results should be appended here 
    <div id="catcher"></div> 
    </div> 
    </form>

CSS

#catcher 
{ 
    border: 3px dashed #ccc; 
    width:250px; 
    min-height:500px; 
    float:right; 
}

来源

2013-10-01 wootscootinboogie

确保ID在页面独特。 – melancia

他们是。目前页面上没有其他内容了。 – wootscootinboogie

它实际上正在工作，因为它应该。如果您在使用自动填充的同时检查捕获器元素，则会看到附加列表。你的CSS风格让你觉得不然。 – melancia

我想这是因为捕手格浮动到右边。不确定。尝试移除浮标并查看。

我已经创建了一个相同的小提琴。不是它附加到捕手元素。但不知道追加后你想要什么行为。也许你可以从那里起飞。小提琴：http://jsfiddle.net/FbRFj/

可以覆盖内部

_renderItem

直接追加结果到一个完全不同的元素，

来源

2013-10-01 14:17:25 Rajesh

我看到这样的东西这些文档，但是我在思考问题，并认为它会像告诉计算机要追加哪个元素一样简单。尽管如此，谢谢。 – wootscootinboogie

jQueryUI自动完成添加菜单到错误的元素

回答

相关问题