使用wp_enqueue_script时无法加载脚本

Question

我试图在我的Wordpress网站上使用名为show_post.js的脚本。我已成功将其直接加载到header.php中：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript" src="wp-content/themes/tutorial_theme/scripts/show_post.js"></script>

然而，当我尝试通过functions.php和wp_enqueue_script尝试时，它不会起作用。这是我的functions.php文件：

<?php function wpdocs_scripts_method() {
   wp_enqueue_script('show_p', '/wp-content/themes/tutorial_theme/scripts/show_post.js', array( 'jquery' ));
}
add_action( 'wp_enqueue_scripts', 'wpdocs_scripts_method' );
?>

我在这里做错了什么？

Answer 1

像

一样添加脚本

wp_enqueue_script('show_p',get_template_directory_uri().'/scripts/show_post.js', array( 'jquery' ));

Answer 2

试试这个：

function theme_enqueue_scripts() {
wp_register_script("show_p", get_template_directory_uri() . '/scripts/show_post.js', array('jquery'));

   wp_enqueue_script('show_p');
}
add_action('wp_enqueue_scripts', 'theme_enqueue_scripts');