我有一个自定义管理页面，其中包括wp_editor() 和jQuery对话框。
由于我不知道的原因wp_editor() 使用一些与dialog相同的css类名，尤其是一个(ui-widget-overlay) 正在破坏我的jQuery对话框。由于z-index 由设置的覆盖editor.css, 覆盖层较深，中间有一条在中间。
以前是否有人遇到过此问题？如果是，你是如何解决的？
function do_refreshing_invitees_dialog(){
?>
<script>
$(function(){
/**
* The \'refresh invitees\' dialog
*/
$(\'#refresh-invitees-dialog\').dialog({
autoOpen: false,
closeOnEscape: false,
draggable: false,
height: 140,
modal: true,
resizable: false,
open: function(event, ui){
/** Hide the \'x\' close button */
$(this).closest(\'.ui-dialog\').children().children(\'.ui-dialog-titlebar-close\').hide();
},
});
});
</script>
<div id="refresh-invitees-dialog" title="Refreshing Event Invitess">
<div id="dialog-spinner" style="float: left; margin: 17px 10px 0 0;">
<img src="<?php echo $this->loader_path; ?>ajax-loader-bulk-dialog-invitees.gif" />
</div>
<div id="dialog-message">
<p>Please wait while the refreshed invitee\'s are generated...</p>
</div>
</div>
<?php
}
最合适的回答,由SO网友:tiltedtimmy 整理而成
是的，这是一个有趣的一个不得不做一些MOD使这一个工作。。。。将此添加到主题样式表（style.css）：
.ui-front {
z-index: 1001 !important;
}
.ui-widget-overlay {
background: none repeat scroll 0 0 #000000 !important;
opacity: .6 !important;
filter: Alpha(Opacity = 60) !important;
}
这将覆盖编辑器。css。如果这不起作用，请告诉我。。。汤姆
