Wordpress在选择自定义字段时应用特定的CSS

Question

我已经在我的网站上添加了自定义字段。自定义字段 - 这是一个复选框（在页面上显示主菜单）。 我想在未选中复选框时，主菜单将消失/隐藏。 我想在未选中复选框时添加此操作 -

.theme-wrap{
dispaly:none !important;
}

我的字段的PHP短代码 - <?php echo $cfs->get('display_main_menu_on_page'); ?>

任何想法如何做到这一点，谢谢。

Answer 1

我 想 您正在寻找基于clicked或不是复选框的动态更改类。你可以用jQuery实现这一点。

将类chk-box添加到您希望受其影响的复选框中。

通过在f​​unctions.php（主题）中添加特定的js文件来使用jQuery：

function jquery_stuff() {
    wp_enqueue_script('jquery');
    wp_enqueue_script('whatever-script', get_bloginfo('template_url') . '/whatever.js');
}
add_action( 'init', 'jquery_stuff');

然后使用以下内容创建一个名为whatever.js的字段：

jQuery(function ($) {
    $(document).on('click', '.chk-box', function(e) {          
        //Toggle between having the checkbox using class theme-wrap or not.
        $(this).toggleClass("theme-wrap");
    });  

});