Javascript Iframe和Jquery自动完成功能

Javascript Iframe和Jquery自动完成功能,javascript,jquery,jquery-ui,iframe,autocomplete,Javascript,Jquery,Jquery Ui,Iframe,Autocomplete,我在一个html页面中使用jQueryAutoComplete,该页面用作ifrmae的源代码。 iframe的高度和宽度固定在约450px宽度和160p px高度 现在的问题是,当autocomplete的结果集有点大时,整个设置就会混乱。我试图做的是以某种方式设置文本框的z索引,以便结果显示在帧边界之外 目前,我已经增加了iframe的大小,但这会占用大量的空白空间 欢迎就如何解决此问题提出任何建议。iframe中的内容不能“泄漏”到其包含的文档中。您可以在更新自动完成列表时更新iframe

我在一个html页面中使用jQueryAutoComplete,该页面用作ifrmae的源代码。 iframe的高度和宽度固定在约450px宽度和160p px高度

现在的问题是,当autocomplete的结果集有点大时,整个设置就会混乱。我试图做的是以某种方式设置文本框的z索引,以便结果显示在帧边界之外

目前,我已经增加了iframe的大小,但这会占用大量的空白空间


欢迎就如何解决此问题提出任何建议。

iframe中的内容不能“泄漏”到其包含的文档中。您可以在更新自动完成列表时更新iframe的高度

检查列表中有多少项或列表的高度,并相应地更新iframe的高度:

$('#some-element').autocomplete({
    change : function (event, ui) {
        var theHeight = $(this).height();
    }
});

iframe中的内容不能“泄漏”到其包含的文档中。您可以在更新自动完成列表时更新iframe的高度

检查列表中有多少项或列表的高度,并相应地更新iframe的高度:

$('#some-element').autocomplete({
    change : function (event, ui) {
        var theHeight = $(this).height();
    }
});

如果“自动完成”列表过于笨拙,听起来您可能会做出错误的UI选择。正如蟑螂合唱团(+ 1)所说的,iFrAM'泄漏不会发生,您可以使用jQuery扩展您的容器——但是您可能也想考虑使用不同的控件组合。

例如,您是否可以在“自动完成”框之前细分数据,方法是使用以前的控件(如单选列表)作为数据过滤器?然后,当做出该选择时,调整autocomplete框的数据源,该框现在可以有一个更易于管理的列表,例如:

var radioValue = $("#radio").val();
$.each(function(key, value) { 
  switch (radioValue)
  {
    case 1: 
    ... filter autocomplete data ... 
    break;
    case 2: ...
  }
});

如果“自动完成”列表过于笨拙,听起来您可能会做出错误的UI选择。正如蟑螂合唱团(+ 1)所说的,iFrAM'泄漏不会发生,您可以使用jQuery扩展您的容器——但是您可能也想考虑使用不同的控件组合。

例如,您是否可以在“自动完成”框之前细分数据,方法是使用以前的控件(如单选列表)作为数据过滤器?然后,当做出该选择时,调整autocomplete框的数据源,该框现在可以有一个更易于管理的列表,例如:

var radioValue = $("#radio").val();
$.each(function(key, value) { 
  switch (radioValue)
  {
    case 1: 
    ... filter autocomplete data ... 
    break;
    case 2: ...
  }
});

这将移动页面上的元素,我想用另一种方法来完成这项工作,即使用getJSON,因为文件位于远程服务器上,但我无法获得这项工作,这将移动页面上的元素,另一种方法是使用getJSON,因为文件位于远程服务器上,但我无法让它正常工作