问题现状如下：

我查了很多地方说是要设置.ui-autocomplete

<style>

.ui-autocomplete{

       z-index: 11111;

}

</style>

以上的说法是因为ui-dialog的遮罩层的级别太高从而遮挡了，我试过了，完全不好用。

因为ui-autocomplete这个元素是在ui-dialog内，应该是继承了dialog的z-index，并且我把遮罩层的div删掉也仍然是显示不了的。

其实主要原因是这个div无法超出dialog的显示范围，只要向上找.ui-dialog，把overflow: hidden;改为overflow: visible;

所以可以在html中增加

<style>

.ui-dialog{

      overflow: visible;

}

</style>

或者直接改jQueryUI的css源码

.ui-dialog {
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    outline: 0;
}

完成！