包含Bootstrap CSS时,屏幕选项和帮助按钮不起作用

时间:2016-06-13 作者:sweisgerber.dev

wordpress管理面板中的wordpress“帮助”和“屏幕选项”按钮在包含引导,特别是引导css文件时不起作用。

这是因为引导css覆盖:

.hidden {
  display: none !important;
}
我怎样才能使按钮再次工作?

它与this Thread 但它并没有链接到引导,所以我在这里再次回答它,作为引导特定的问题。

2 个回复
最合适的回答,由SO网友:sweisgerber.dev 整理而成

检查您或插件是否包含引导和引导CSS/主题文件。

引导程序.hidden 类看起来像:

.hidden {
  display: none !important;
}
但覆盖了wordpress对.hidden:

.hidden {
  display: none;
}
顶部的“帮助”&;\'屏幕选项栏通过内联样式显示display: block, 它被引导覆盖.hidden {display: none !important} css类。

这可以通过Jquery/JS重写顶栏Css来修复。

工作示例:

jQuery(document).ready(function ($) {
    $("#contextual-help-link").click(function () {
        $("#contextual-help-wrap").css("cssText", "display: block !important;");
    });
    $("#show-settings-link").click(function () {
        $("#screen-options-wrap").css("cssText", "display: block !important;");
    });
});

SO网友:Amay Kulkarni

在CSS中添加以下内容:

* {
    box-sizing: content-box;
}

相关推荐

在将代码添加到函数后无法登录WordPress wp-admin。php

我在函数末尾添加以下代码。php文件,用于根据自定义帖子的帖子标题填充分类法。问题是,当我添加代码时,尝试登录wp admin时会出现以下错误。非常感谢您能帮助我们弄清楚为什么会发生这种情况。Error:错误:由于意外输出,Cookie被阻止。有关帮助,请参阅此文档或尝试支持论坛。Code: <?php function update_custom_terms($post_id) { // only update terms if