在 jquery 对话框中截断的自动完成选项

Question

我在 jquery 对话框中有一个自动完成输入。 自动完成选项被截断为对话框的大小，我无法完全显示它们（没有宽度和高度限制）。

<div id='test_dialog' title='test'>
   <form method='post'>
      <input id='autocomplete_input'>
   </form>
</div>

这是一个 fiddle 重现了我的问题

Answer 1

您的代码似乎运行良好，请确保您在 html 文件中放置了正确的声明：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

输出：

Check it out.