2016-09-29 83 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