我想从我在WordPress中的functions.php中调用jQuery。
我正在使用Divi Theme。当我直接将脚本添加到Divi主题中时, 它将起作用。但是我想将其添加到我的子主题中的functions.php中, 这是问题开始的地方。
Functions.php
function coolbanner_enqueue() {
wp_enqueue_script( 'custom-scripts', get_stylesheet_directory_uri() . '/js/coolbanner.js', array( 'jquery' ));
}
add_action( 'wp_enqueue_scripts', 'coolbanner_enqueue' );
脚本:
jQuery(document).ready(function(){
jQuery('#cta-section').waypoint(function() {
jQuery('#cta-section').toggleClass('animate-cta');
}, {offset: '80%'});
});
有人可以指出我做错了什么吗?
#1似乎你缺少jQuery Waypoint JS文件
在使用自定义脚本之前, 尝试使jQuery Waypoint js文件入队
function coolbanner_enqueue() {
wp_enqueue_script( 'jquery-waypoint', 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js', [ 'jquery' ] );
wp_enqueue_script( 'custom-scripts', get_stylesheet_directory_uri() . '/js/coolbanner.js', array( 'jquery-waypoint' ));
}
add_action( 'wp_enqueue_scripts', 'coolbanner_enqueue' );
你可以在这里找到jquery waypoint github repo …
https://github.com/imakewebthings/waypoints
另外, 我在下面使用的网址来自CDN, 你可以在此处找到:
https://cdnjs.com/libraries/waypoints
如果你更喜欢使用github的网址
然后只需将CDN网址替换为以下内容…
https://raw.githubusercontent.com/imakewebthings/waypoints/master/lib/jquery.waypoints.min.js
#2【从WordPress中的functions.php调用jQuery】解:
function coolbanner_enqueue() {
wp_enqueue_script( 'custom-scripts-js', get_stylesheet_directory_uri() . '/js/coolbanner.js', array( 'jquery' ), '1.0', false);
}
add_action( 'wp_enqueue_scripts', 'coolbanner_enqueue' );
推荐阅读
- 从头开始构建主题–标头未显示
- Buddypress成员区域在我的实时服务器中为空白
- 上面内容的Bootstrap导航栏不粘
- #IT人的升职加薪tips# 升职向左,身体向右
- #私藏项目实操分享# 什么是 SAP enhancement package
- 使用 Resilience4j 框架实现重试机制
- 科普 | 为什么人一到冬天就心情不好()
- Windows 服务器登录出现 Bad request timesstamp报错
- GitBash教程 使用 git rebase合并commit