Question

我将队列“前半部分”应用到ul＃menu-main下所有li元素的前半部分。班级没有出现。

我有什么：

在“themes / responsive-child / js / menu.js”中：

$(document).ready(function(){

    var menuItems = $("ul#menu-main li");

    menuItems = menuItems.slice(0, Math.floor(menuItems.length/2)).addClass("first-half");

});

在儿童主题的“functions.php”中：

add_action('init', 'menuscript_init');

function menuscript_init() {
    wp_enqueue_script( 'menuscript_init', '<?php get_stylesheet_directory_uri() ?>/js/menu.js'); 
}

请指出我做错了什么

Answer 1

更改

<?php get_stylesheet_directory() ?>

到

<?php get_template_directory() ?>

Answer 2

更改jquery

jQuery(document).ready(function(){

    var menuItems = jQuery("ul#menu-main li");

    menuItems = menuItems.slice(0, Math.floor(menuItems.length/2)).addClass("first-half");

});

并将wp_enqueue_script（）更改为：

wp_enqueue_script( 'menuscript_init', get_stylesheet_directory_uri().'/js/menu.js', array('jquery'));

希望它对你有用。

Answer 3

我可以帮到你。你的问题出在functions.php中，你必须有类似的东西：

wp_register_script( 'editing_unit_javascript', get_stylesheet_directory_uri().'/js/menu.js', array('jquery','bootstrap'));
wp_enqueue_script( 'menu_javascript' );

编辑：你可以删除＆＃39; bootstrap＆＃39;来自数组，因为你将在你的javascript文件中使用jquery

Wordpress儿童主题不通过JQuery应用风格

3 个答案: