jquery - 自动完成问题到 Bootstrap 模式

Question

我在模态对话框 Bootstrap 中的 jQuery 自动完成中遇到显示问题。

当我滚动鼠标时，结果不会保留在输入上。

有办法解决吗？

在这里JsFiddle :

.ui-autocomplete-input {
  border: none; 
  font-size: 14px;
  width: 300px;
  height: 24px;
  margin-bottom: 5px;
  padding-top: 2px;
  border: 1px solid #DDD !important;
  padding-top: 0px !important;
  z-index: 1511;
  position: relative;
}

编辑我发现了问题:

.ui-autocomplete {
  position: fixed;
  .....
}

如果模式有滚动，问题仍然存在!

在这里JsFiddle/1 .

Answer 1

位置是正确的，它是“绝对”的，而您需要将其指定为 autocomplete 的选项:

$( ".addresspicker" ).autocomplete( "option", "appendTo", ".eventInsForm" );

它可以将带有结果的框锚定在任何元素中，我必须阻止它被锚定到表单的类!

在这里is a working JsFiddle! .