jquery对话框在Wordpress插件管理页面中，所有按钮都重叠出现在右上角，而不是在下方的按钮窗格中
我正在写一个Wordpress插件，其中添加了一些菜单项的管理视图。这些菜单项打开的页面允许我进行一些设置和访问数据，我正在使用jquery对话框来显示和编辑数据。一切都很好，除了当对话框打开时(它们中的任何一个，有几个)，它们总是在标题窗格的右上角以所有定义的按钮相互重叠打开。它们不会按预期出现在按钮窗格中。
我试过注销标准的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>在我的脚本部分的某处。
回答 1
Stack Overflow用户
发布于 2015-11-30 22:41:37
实际上，正在加载的另一个css文件正在更改对话框按钮的默认行为。我包含了
.ui-dialog button
{
position: inherit !important;
}在我的css文件中，现在可以完全控制样式。
似乎仍然存在这样一个问题：
wp_enqueue_script( 'jquery-ui-dialog' );看起来并没有做它应该做的，但我有一个解决办法，我只是把来自code.jquery.com的js文件直接包含在我的脚本中。
https://stackoverflow.com/questions/33957708
复制相似问题
腾讯云开发者
