Question

我正在编写一个Wordpress插件，它将一些菜单项添加到管理视图中。这些菜单项打开页面，允许我进行一些设置和访问数据，我使用jquery对话框来显示和编辑数据。一切正常，除了当对话框打开时（其中任何一个，有几个），它们总是打开，所有定义的按钮在标题窗格的右上角重叠。它们不会按预期显示在按钮窗格中。

我已经尝试取消注册标准的Wordpress jquery-ui对话框并从之前使用的源加载，它没有任何区别。我试过包括我自己的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);
}

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

对话框的所有其他方面都有效，我之前在网站的前端已多次使用过它们，但这是第一次尝试在Adminpress网站的管理中使用，而且唯一似乎没有工作就是这个，按钮的位置。使它无法使用。这是我的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对话框的入队似乎不起作用..除非我包含

，否则对话框根本不会出现

<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文件。

Wordpress插件管理页面中的jquery对话框，按钮在右上角显示重叠，而不是在下方按钮窗格中

1 个答案: