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

我已经在我的网站上添加了自定义字段。自定义字段 - 这是一个复选框（在页面上显示主菜单）。我希望当复选框没有被选中，主菜单将消失/隐藏。我想添加这个动作时复选框不可selected-我现场<?php echo $cfs->get('display_main_menu_on_page'); ?>Wordpress在自定义字段选中时应用特定的CSS

任何想法的

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

PHP简码如何做到这一点，谢谢。

来源

2014-02-08 arifix

我对于你的意思有点困惑。你是否试图做到这一点，当有一个复选框，你可以有与之相关的CSS？当然，你可以添加到CSS文件，当它需要它会被使用，否则它不会被使用？ – MarkP

我认为你正在寻找基于点击或不选择该复选框的类动态变化。你可以用jQuery来实现这一点。

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

使用jQuery通过添加特定的js文件到你的functions.php（为主题）：

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"); 
    }); 

});

来源

2014-02-08 07:21:47 bestprogrammerintheworld

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

回答

相关问题