Javascript WordPress。在管理菜单中添加样式/类以使按钮处于禁用状态(非活动状态)

Javascript WordPress。在管理菜单中添加样式/类以使按钮处于禁用状态(非活动状态),javascript,html,css,wordpress,custom-post-type,Javascript,Html,Css,Wordpress,Custom Post Type,我为我的自定义帖子类型添加了一个按钮,允许使用CSV批量上传帖子 下面是我用于此目的的JS代码(我在StackOverflow上找到了此代码,它似乎工作得很好): 功能添加按钮(){ $($(“.wrap.page title操作”)[0]) .在(‘导入CSV’)之后; } 当我将“disabled”属性添加到按钮时,它可以工作,但按钮看起来仍然是活动的,因此可能会让用户感到困惑。我需要在CSV处理期间将其禁用 问题是,是否有一些默认的WP-CSS类或至少一组CSS样式使其看起来正确 提前感

我为我的自定义帖子类型添加了一个按钮,允许使用CSV批量上传帖子

下面是我用于此目的的JS代码(我在StackOverflow上找到了此代码,它似乎工作得很好):

功能添加按钮(){
$($(“.wrap.page title操作”)[0])
.在(‘导入CSV’)之后;
}
当我将“disabled”属性添加到按钮时,它可以工作,但按钮看起来仍然是活动的,因此可能会让用户感到困惑。我需要在CSV处理期间将其禁用

问题是,是否有一些默认的WP-CSS类或至少一组CSS样式使其看起来正确


提前感谢。

否,
页面标题操作
类名没有默认样式,当其元素也具有
禁用属性时。但你也可以添加自己的风格。如果我想在ui中禁用一个按钮,我通常会使用不透明度。通常这就足够了。那么,添加哪些内容呢

.page-title-action[disabled] {
    opacity: 0.5;
}
到管理员css

另外,我会像这样重写您的代码片段:

var add_button = function () {
    $(".wrap .page-title-action").first().after(
        '<button id="sh_import_csv_button" class="page-title-action">' +
        'Import CSV</button><input id="csv_upload" type="file" hidden/>'
    );
}
var add_按钮=函数(){
$(“.wrap.page title action”).first().after(
'' +
“导入CSV”
);
}

如果您还需要关于如何添加css的建议,只需在注释中告诉我…

否,
页面标题操作
类名没有默认样式,而其元素也具有
禁用属性。但你也可以添加自己的风格。如果我想在ui中禁用一个按钮,我通常会使用不透明度。通常这就足够了。那么,添加哪些内容呢

.page-title-action[disabled] {
    opacity: 0.5;
}
到管理员css

另外,我会像这样重写您的代码片段:

var add_button = function () {
    $(".wrap .page-title-action").first().after(
        '<button id="sh_import_csv_button" class="page-title-action">' +
        'Import CSV</button><input id="csv_upload" type="file" hidden/>'
    );
}
var add_按钮=函数(){
$(“.wrap.page title action”).first().after(
'' +
“导入CSV”
);
}

如果您还需要关于如何添加css的建议,请在评论中告诉我…

谢谢您对我提供的代码的建议和评论。我做的有点不同,所以没有必要添加这样的风格。但是,对我来说,当你需要禁用一个按钮时,为什么WP没有预定义的类,这有点奇怪:(在WP中搜索
[disabled]
-选择器。如果我这样做,我会得到113次点击(对于“.min”和非“.min”版本有很多重复计数,但是
[disabled]
-选择器的样式正在进行中).页面标题操作[已禁用]
-选择器不在代码库中,原因很简单:WP core中没有用例!感谢您对我提供的代码提出的建议和意见。我做的有点不同,因此不需要添加这种样式。但是,对于我来说,当您需要制作一个butt时,为什么WP没有预定义的类来处理如此典型的情况,这有点奇怪关于禁用:(在WP中搜索
[disabled]
-选择器。如果我这样做,我会得到113次点击(对于“.min”和非“.min”版本有很多重复计数,但是
[disabled]
-选择器的样式正在进行中。)
.page title操作[禁用]
-选择器不在代码库中,原因很简单:WP core中没有用例!