问题现状如下:
我查了很多地方说是要设置.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;
}
完成!