jquery 自动完成结果显示在其他输入元素上

Question

在输入框上使用 jquery 自动完成功能。这是 100% 工作，但认为样式需要一些工作。

目前 jquery 建议显示在其他输入元素的文本后面。如果我单击选择框下方的 jquery 选项，则会触发选择框，而不是选择自动完成选项。

如何将 jquery 自动完成配置为最重要？这是js问题还是css问题？

我试图禁用另一个输入元素，使用下面的代码命名周期，但它不起作用：

<script type="text/javascript">
      $(function(){
        $("#customer").autocomplete({
          minlength: 5,
          source: "get_customers",
           open: function(event, ui) { // disable other inputs
        $("input#period").attr("disabled", "disabled");
    },
      close: function(event, ui) { // re-enable other inputs
        $("input#period").removeAttr("disabled");
    },
          messages: {
          noResults: '',
          results: function() {}
      }


        });
      });
</script>

任何关于获取 jquery 列表“ontop”或禁用其他表单工作的建议都将不胜感激。

Answer 1

尝试

.ui-autocomplete{
   z-index:50;       //Where 50 is just an arbitrary number superior to your form's z-indexes
}