gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 11:06:00 24 4
gpt4 key购买 nike

我正在编写一个 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>

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

最佳答案

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

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

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

似乎还是有问题

   wp_enqueue_script( 'jquery-ui-dialog' );

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

关于Wordpress 插件管理页面中的 jquery 对话框,按钮都出现在右上角重叠,而不是在下方的按钮 Pane 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33957708/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com