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