2016-09-29 67 views
1

這是我想看到什麼作爲結果在WP 2014主題:更改標題背景十四

http://codepen.io/Paulie-D/pen/ekKru

我試圖通過添加以下js文件和css應用相同碼到我的子主題:

jQuery(document).ready(function($){ 
 
    jQuery(window).bind('scroll', function($) { 
 
    var distance = 50; 
 
    if ($(window).scrollTop() > distance) { 
 
     $('header').addClass('scrolled'); 
 
    } 
 
    else { 
 
     $('header').removeClass('scrolled'); 
 
    } 
 
    }); 
 
});
.scrolled { 
 
    background: #bada55; 
 
}

另外,我一個dded下面我在子主題的functions.php:

function my_custommenu_tf_child() { 
 
\t if (!is_admin()) { 
 
\t if (is_front_page()) { 
 
\t wp_enqueue_script('my_Custommenu', get_stylesheet_directory_uri() . '/js/mycustommenu.js', '', '1.0', true); 
 
\t } 
 
\t } 
 
} 
 

 
add_action('wp_enqueue_scripts', 'my_custommenu_tf_child');

沒有真正的工作......我不是一個專業的開發人員,所以,而不是指可能的解決方案我將不勝感激,如果您可以插入正確的代碼,以便我可以比較並查看究竟是什麼錯誤。謝謝!

回答

0

您是否在.js文件中有以下代碼?

.scrolled { background: #bada55; }

如果你有,你需要將它移動到一些.css文件,也與它在你的functions.php

+0

我有它在,當然CSS ...不知道但是它是如何應被鏈接到functions.php?你能提供詳細信息/代碼嗎? – Dan

+0

在這裏你有一切解釋(與代碼):https://codex.wordpress.org/Child_Themes – Arkej

+0

更簡單的方法來添加自定義CSS可能會使用這個插件:https://pl.wordpress.org/plugins/simple -custom-css/ – Arkej