如何将appendTo选项添加到jQuery-UI自动完成小部件

时间:2017-08-23 02:56:44

标签: jquery-ui autocomplete

我正在处理一个旧项目,该项目使用以下代码作为自动填充文本字段的基础:https://jqueryui.com/autocomplete/#categories

 $( function() {
    $.widget( "custom.catcomplete", $.ui.autocomplete, {
      _create: function() {
        this._super();
        this.widget().menu( "option", "items", "> :not(.ui-autocomplete-category)" );
      },
      _renderMenu: function( ul, items ) {

我想添加" appendTo"此窗口小部件的选项但无法从API documentation

中找出正确的语法
  

使用指定的appendTo选项初始化自动完成:

$( ".selector" ).autocomplete({
  appendTo: "#someElem"
});
     

初始化后获取或设置appendTo选项:

// Getter
var appendTo = $( ".selector" ).autocomplete( "option", "appendTo" );

// Setter
$( ".selector" ).autocomplete( "option", "appendTo", "#someElem" );

如何将此选项添加到jQuery UI自动完成小部件?

1 个答案:

答案 0 :(得分:1)

您似乎错过了示例源脚本的末尾(在文档链接中)。它会激活自动完成功能:

$( "#search" ).catcomplete({
  delay: 0,
  source: data
});

要使用appendTo,那么就像:

一样简单
$( "#search" ).catcomplete({
  delay: 0,
  source: data,
  appendTo: '#someElem'
});

您要附加到选择$('#someElem')