javascript - WordPress的。添加样式/类以禁用管理菜单中的按钮(不活动)

Question

Here's what I have atm

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

这是我为此使用的 JS 代码(我在 StackOverflow 上找到了这段代码，它似乎运行良好):

function add_button () {
    $($(".wrap .page-title-action")[0])
        .after('<button id="sh_import_csv_button" class="page-title-action">Import CSV</button><input id="csv_upload" type="file" hidden/>');
}

当我向按钮添加“禁用”属性时 - 它可以工作，但按钮看起来仍然处于事件状态，因此可能会使用户感到困惑。我需要在 CSV 处理期间将其禁用。

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

提前致谢。

Answer 1

不，当 page-title-action 类名的元素还具有 disabled 属性时，没有默认样式。但您也可以添加自己的风格。如果我想让 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/>'
    );
}

如果您还需要有关如何添加 css 的建议，请在评论中告诉我...