在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.