Javascript 使jQueryUI根据父项自动完成高度

我在jQueryUI对话框中有一个jQueryUI自动完成。对话框具有给定的高度（即200px），因此自动完成的高度必须小于对话框的高度，以便显示滚动条。我已经通过将100px的高度硬编码为自动完成来实现它。与其硬编码此高度，我如何使高度取决于家长的高度

测试
$（函数（）{
var availableTags=[“ActionScript”、“AppleScript”、“Asp”、“BASIC”、“C”、“C++”、“Clojure”、“COBOL”、“ColdFusion”、“Erlang”、“Fortran”、“Groovy”、“Haskell”、“Java”、“JavaScript”、“Lisp”、“Perl”、“PHP”、“Python”、“Ruby”、“Scala”、“Scheme”]；
$（“#打开”）。单击（函数（）{$（“#对话框”）。对话框（“打开”）}）；
$（'#dialog'）。dialog({
自动打开：错误，
可调整大小：false，
身高：200，
宽度：400，
莫代尔：是的，
打开：函数（）{
log（this，$（this））；
$（this.find（'input'）.val（“”）
.autocomplete（{source:availableTags}）
.parent（）.next（'ul.ui自动完成'）
.attr（'style'，'max height:100px；overflow-y:auto；overflow-x:hidden；'））
}
});
});
打开

要在jquery中修改高度，请使用

---

使用此选项，您可以读取任何元素的高度，并根据您喜欢的任何计算设置另一个元素的高度。

要在jquery中修改高度，请使用

---

使用此选项，您可以读取任何元素的高度，并根据您喜欢的任何计算设置另一个元素的高度。

要在jquery中修改高度，请使用

---

使用此选项，您可以读取任何元素的高度，并根据您喜欢的任何计算设置另一个元素的高度。

要在jquery中修改高度，请使用

---

使用此选项，您可以读取任何元素的高度，并根据您喜欢的其他元素的任何计算进行设置。

高度css属性有一个属性

继承

---

从其父元素继承此属性。

高度css属性有一个属性

继承

---

从其父元素继承此属性。

高度css属性有一个属性

继承

---

从其父元素继承此属性。

高度css属性有一个属性

继承

从其父元素继承此属性。

您可以这样尝试

console.log(this,$(this));
var height = $(this).height();
console.log(height);
$(this).find('input').val('')
.autocomplete({source: availableTags})
.parent().next('ul.ui-autocomplete')
.attr('style', 'max-height: 100px; overflow-y: auto; overflow-x: hidden;')

您可以将此代码放在open函数中 在这段代码中，您可以获得对话框的高度，然后您可以自己管理。

您可以这样尝试

console.log(this,$(this));
var height = $(this).height();
console.log(height);
$(this).find('input').val('')
.autocomplete({source: availableTags})
.parent().next('ul.ui-autocomplete')
.attr('style', 'max-height: 100px; overflow-y: auto; overflow-x: hidden;')

您可以将此代码放在open函数中 在这段代码中，您可以获得对话框的高度，然后您可以自己管理。

您可以这样尝试

console.log(this,$(this));
var height = $(this).height();
console.log(height);
$(this).find('input').val('')
.autocomplete({source: availableTags})
.parent().next('ul.ui-autocomplete')
.attr('style', 'max-height: 100px; overflow-y: auto; overflow-x: hidden;')

您可以将此代码放在open函数中 在这段代码中，您可以获得对话框的高度，然后您可以自己管理。

您可以这样尝试

console.log(this,$(this));
var height = $(this).height();
console.log(height);
$(this).find('input').val('')
.autocomplete({source: availableTags})
.parent().next('ul.ui-autocomplete')
.attr('style', 'max-height: 100px; overflow-y: auto; overflow-x: hidden;')

您可以将此代码放在open函数中

---

在这段代码中，您可以获得对话框的高度，然后您可以自己管理。

谢谢kevin。将其更改为

max height:'+（$t.height（）-25）+'px

谢谢kevin。将其更改为

max height:'+（$t.height（）-25）+'px

谢谢kevin。将其更改为

max height:'+（$t.height（）-25）+'px

谢谢kevin。将其更改为

max height:'+（$t.height（）-25）+'px