javascript - 入队后 Html 到 WordPress 脚本不起作用

Question

现在有点头疼，我正在尝试将 javascript 文件排入 functions.php 中，但经过 100 次尝试后它们无法正常工作。让我知道是什么问题，为什么我的 javascript 文件不起作用。

<?php

function ct_styles(){
    wp_enqueue_style('style', get_stylesheet_uri());
    wp_enqueue_style('style_bootstrap', get_theme_file_uri('assets/css/vendor/2-bootstrap.min.css'));
    wp_enqueue_style('style_pack', get_theme_file_uri('//unpkg.com/aos@next/dist/aos.css')); 

}
add_action('wp_enqueue_scripts', 'ct_styles');

function ct_scripts(){
    wp_enqueue_script('jquery');
    
    wp_enqueue_script( 'ct_bootstrap', get_theme_file_uri( '/assets/js/vendor/2-bootstrap.min.js' ), array(), '1.0.0', true );
    wp_enqueue_script( 'simplebar', get_theme_file_uri( '/assets/js/vendor/4-simplebar.min.js' ), array(), '1.0.0', true );
    wp_enqueue_script( 'ct_pack', get_theme_file_uri( '//unpkg.com/aos@next/dist/aos.js' ), array(), '1.0.0', true );
    wp_enqueue_script( 'ct_lazy', get_theme_file_uri( '/assets/js/vendor/lazysizes.min.js' ), array(), '1.0.0', true );
    wp_enqueue_script( 'ct_main', get_theme_file_uri( '/assets/js/scripts.min.js' ), array(), '1.0.0', true );
    
    
}
add_action('wp_enqueue_scripts', 'ct_scripts');
?>

标签： javascriptwordpress

Answer 1

像这样试试

get_template_directory_uri()= 父主题 get_stylesheet_directory_uri()= 子主题

function add_theme_scripts() {

 wp_enqueue_style( 'style_bootstrap', get_template_directory_uri(). '/assets/css/vendor/2-bootstrap.min.css', array(), null, 'all');
 //Add other required css

wp_enqueue_script( 'ct_bootstrap', get_template_directory_uri() .'/assets/js/vendor/2-bootstrap.min.js',array ( 'jquery' ), null, true);
 //Add other required js

}
add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );