Wordpress子主题没有通过JQuery应用样式
Wordpress child theme not applying style via JQuery
我正在排队脚本,它将类"first-half"应用于ul#menu-main下所有li元素的前半部分。class没有显示
What I have:
在"主题/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');
}
请指出我做错了什么
change
<?php get_stylesheet_directory() ?>
<?php get_template_directory() ?>
我可以帮你。你的问题是在functions。php中,你必须有这样的东西:
wp_register_script( 'editing_unit_javascript', get_stylesheet_directory_uri().'/js/menu.js', array('jquery','bootstrap'));
wp_enqueue_script( 'menu_javascript' );
编辑:你可以从数组中删除'bootstrap',因为你要使用jquery在你的javascript文件
change 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'));
希望对你有用
相关文章:
- 访问离线jquery应用程序中的本地文件
- 如何在使用jQuery应用display:none后正确显示元素
- 如何在页面刷新后使用 jquery 应用 CSS(刷新前构建 CSS)
- 将jQuery应用于多个不同的动态创建的HTML元素
- 页面上有两个jQuery应用程序,一次只能运行一个
- 如何处理在多页 HTML/jquery 应用程序中链接到脚本和 css 文件
- 将 Jquery 应用于生成的内容
- jQuery - 应用类时刷新 dom
- 将Jquery应用于谷歌地图标记
- 分析 jQuery 应用程序
- Chrome iOS - 使用 jQuery 应用类时的加载指示器
- Jquery 应用类和删除类
- 使用CSS和jquery应用滚动效果
- JQuery应用存储在变量中的css
- 如何使用jQuery应用CSS并在过滤后忽略隐藏元素
- 如何使用jquery应用复杂生成的样式
- 引导程序可折叠嵌套导航jquery应用于多个目标
- 使用POST从PhoneGap,移动jQuery应用程序跨域脚本检测成功的html表单提交
- Wordpress子主题没有通过JQuery应用样式
- 使用JavaScript/JQuery应用css值