Question

我试图将javascript文件链接到我的子主题。我查看了WordPress Codex和众多示例，但它仍然无法正常工作。我正在使用localhost，所以根据我的阅读，我想使用get_stylesheet_directory（）。我已经回应了它，它正指向正确的道路。下面是我的functions.php子主题中的代码：

add_action( 'wp_enqueue_scripts', 'theme_js' );
function theme_js() {
wp_enqueue_script( 'theme_js', get_stylesheet_directory() . '/js/theme.js',    array('jquery'), '', true );
}

我的javascript文件如下所示：

/**
 * Custom Theme Styles
 */
( function( $ ) {

$('.main-navigation li a').click(function() {
    var link = $(this).attr('href');
    $('html, body').animate({
    scrollTop: $(link).offset().top
    }, 1500);
});
 })( jQuery );

Answer 1

您必须先注册脚本，然后将其排入队列。这是手抄本： http://codex.wordpress.org/Function_Reference/wp_register_script

Answer 2

enqueue中的src字符串必须是网址，而不是路径，因此您需要使用get_stylesheet_directory_uri()代替get_stylesheet_directory()：

add_action( 'wp_enqueue_scripts', 'theme_js' );
function theme_js() {
    wp_enqueue_script( 'theme_js', get_stylesheet_directory_uri() . '/js/theme.js',    array('jquery'), '', true );
}

将javascript文件链接到wordpress子主题

2 个答案: