Änderungskopf Hintergrund auf blättert in Wordpress Zwanzig Vierzehn

Question

Das ist, was ich als Ergebnis sehen wie in WP 2014 Thema:

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

ich das gleiche anzuwenden versuchte, durch die folgende js Datei und CSS Hinzufügen Code zu meinem Kind Thema:

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

Darüber hinaus habe ich eine Folgendes mein functions.php in Kinder Thema dded:

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');

Hat wirklich nicht ... Ich bin kein professioneller Entwickler so statt Bezug auf mögliche Lösungen würde ich mich freuen, wenn Sie könnten den richtigen Code einfügen, damit ich vergleichen und sehen kann, was genau falsch war. Vielen Dank!

Answer 1

Haben Sie den folgenden Code in .js Datei?

.scrolled { background: #bada55; }

Wenn Sie haben, müssen Sie es bis zu einem gewissen .css Datei bewegen und verknüpft es auch in der functions.php