2014-02-08 56 views
0

我已經在我的網站上添加了自定義字段。自定義字段 - 這是一個複選框(在頁面上顯示主菜單)。 我希望當複選框沒有被選中,主菜單將消失/隱藏。 我想添加這個動作時複選框不可selected-我現場<?php echo $cfs->get('display_main_menu_on_page'); ?>Wordpress在自定義字段選中時應用特定的CSS

任何想法的

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

PHP簡碼如何做到這一點,謝謝。

+0

我對於你的意思有點困惑。你是否試圖做到這一點,當有一個複選框,你可以有與之相關的CSS?當然,你可以添加到CSS文件,當它需要它會被使用,否則它不會被使用? – MarkP

回答

1

認爲你正在尋找基於點擊或不選擇該複選框的類動態變化。你可以用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"); 
    }); 

});