jquery-ui中的widget-overlay问题1.11.2;在对话框之上叠加

Question

我有一个问题，在从jquery-ui 1.8.16升级到1.11.2后，小部件覆盖在我的对话框之上。

我可以通过在jquery.ui.dialog.css中添加z-index：101来解决问题。

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; z-index: 101;}

但已经读到这不是一个好的解决方案。参考。 https://jqueryui.com/upgrade-guide/1.11/，并且使用.ui-front / appendTo进行堆叠是可行的方法。但是我无法让它工作，因为widget-overlay也获得了类.ui-front。

$("#tabs").tabs();
function getSelectedTabIndex() { return $tabs.tabs('option', 'active');}
$("#tabs").tabs('option', 'beforeActivate');

任何人都知道解决方案或更好的方法吗？