html - ui对话框中JQuery自动完成输入字段中无法解释的高度调整大小

Question

我正在尝试解决一个错误，但我不知道是什么原因造成的。

JQuery 自动完成高度的输入字段设置为 149px：

不知道在修改什么element.style。

我的测试站点的 URL 是：http ://testing.tostaky.biz/k/kamachumu.html ，单击放大镜之一打开 JQuery 框。

这种高度重新调整大小的原因是什么？

更多信息：

此输入项的 CSS：

#lts {
    font-size: 15px;
    border: 1px solid #010109;
    padding-left: 2px;
    width: 160px;
    height: 20px;
}

Answer 1

问题是对话框是直接用元素创建的。<input id="input">类似于和的东西$("#input").dialog();。看到这个小提琴：http: //jsfiddle.net/6gVGU/。然后输入增长以填充其对话框容器的高度。

您应该做的是将您的输入放入 a<div>并用它创建您的对话框。像这样的东西：

<div id="dialog">
  <input>
</div>

接着$("#dialog").dialog();

Answer 2

我的错，这是一个回归：

<div id="cts" title="Type In Your City/Timezone">
    <div class="ui-widget">
        <input id="lts" title="Input City/Timezone" />
    </div>
</div>

我已经删除id="cts"了顶部 div 并在id="lts". 恢复初始代码解决了这个问题。