Wordpress 插件管理页面中的 jquery 对话框，按钮都出现在右上角重叠，而不是在下方的按钮 Pane 中

Question

我正在编写一个 Wordpress 插件，它将一些菜单项添加到管理 View 中。这些菜单项打开允许我进行一些设置和访问数据的页面，我正在使用 jquery 对话框来显示和编辑数据。一切正常，除非打开对话框(其中任何一个，有几个)，它们总是打开，所有定义的按钮在标题 Pane 的右上角相互重叠。它们没有按预期出现在按钮 Pane 中。

我已经尝试取消注册标准 Wordpress jquery-ui-dialog 并从我以前使用过的源加载，这没有区别。我已经尝试包括我自己的 css，并且可以成功地更改字体大小、背景、对话框位置等......但是我没有发现任何可以纠正对话框按钮的位置。 (或者就此而言，按钮的颜色...出于某种原因无法用 css 更改它们？)

已将我自己的 css 文件排队如下:

add_action( 'admin_enqueue_scripts', 'queue_LD4U_admin_scripts');

function queue_LD4U_admin_scripts()
{
    wp_enqueue_script( 'jquery-ui-dialog' );
    wp_enqueue_style('kastech-LD4U-manager-admin-ui-css',
        plugins_url() . '/kastech-LD4U-manager/includes/css/ld4u_dialogs.css',
        false);
}

我可以设置字体大小等对话框样式的所有其他方面......但是，按钮仍然全部出现在对话框的右上角，全部重叠。

对话框的所有其他方面都可以使用，我之前在站点的前端使用过很多次，但这是第一次尝试在 Wordpress 站点的管理员中使用，唯一似乎没有的东西工作是这样的，按钮的位置。使其无法使用。这是我的CSS。正如我所说，它正确地控制了对话框的样式。

/* style for all JQuery dialogs */
.ui-dialog, .ui-dialog-content
{
    border:5px solid #1E1F22;
}
.ui-dialog-titlebar
{
    background-image: none;
    background-color: #0088BE;
}
.ui-dialog-title
{
    background-color: #ff88BE;
    color: green;
    font-size: 0.7em;
}
.ui-dialog-titlebar-close
{
    display: none;
}
.ui-dialog-buttonpane
{
    background-color: #aaaaaa;
    font-size: 0.7em;
}
.ui-dialog-buttonset .ui-button-spl1
{
    background:blue;
}
.ui-widget-overlay
{
    background-color: red;
    background-image: none;
    opacity: 0.7;
    height:3000px;
}

我注意到的另一件事是 Wordpress jquery-ui-dialog 的入队似乎不起作用..除非我包含，否则对话框根本不会出现

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

在我的脚本部分的某个地方。

Answer 1

实际上有另一个正在加载的 css 文件正在改变对话框按钮的默认行为。我包括

.ui-dialog button
{
    position: inherit !important;
}

在我的 css 文件中，现在可以完全控制样式。

似乎还是有问题

   wp_enqueue_script( 'jquery-ui-dialog' );

似乎没有按预期进行，但我有解决方法，我只是将来自 code.jquery.com 的 js 文件直接包含在我的脚本中。