在子主题的“js”目录中创建文件“navigation footer.js”,并粘贴以下代码:
/**
* Handles toggling the footer navigation menu for small screens
*/
( function() {
var nav = document.getElementById( \'footer-navigation\' ), button, menu;
if ( ! nav ) {
return;
}
button = nav.getElementsByTagName( \'button\' )[0];
menu = nav.getElementsByTagName( \'ul\' )[0];
if ( ! button ) {
return;
}
// Hide button if menu is missing or empty.
if ( ! menu || ! menu.childNodes.length ) {
button.style.display = \'none\';
return;
}
button.onclick = function() {
if ( -1 === menu.className.indexOf( \'nav-menu\' ) ) {
menu.className = \'nav-menu\';
}
if ( -1 !== button.className.indexOf( \'toggled-on\' ) ) {
button.className = button.className.replace( \' toggled-on\', \'\' );
menu.className = menu.className.replace( \' toggled-on\', \'\' );
} else {
button.className += \' toggled-on\';
menu.className += \' toggled-on\';
}
};
} )();
将此代码添加到函数。php:
function more_scripts_styles() {
// Adds JavaScript for handling the footer navigation menu hide-and-show behavior.
wp_enqueue_script( \'twentytwelve-footer-navigation\', get_stylesheet_directory_uri() . \'/js/navigation-footer.js\', array( \'jquery\' ), \'20140711\', true );
}
add_action( \'wp_enqueue_scripts\', \'more_scripts_styles\' );