Wordpress子主题未通过JQuery应用样式

Question

我正在排队的脚本将ul＃menu-main下所有li元素的前半部分都应用了“ first-half”类。 该课程未显示。

我有的：

在“主题/响应儿童/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' );

编辑：您可以从数组中删除“ bootstrap”，因为您将在JavaScript文件中使用jquery