在WordPress模板上包括jQuery脚本

Question

我有一个页面模板，它应用于我的wordpress页面上的特定页面。通常对于我所有其他脚本，我将它们放在页脚中.php然后它们从那里漂亮地加载。在这个特定的页面上，虽然我想加载一个只应该在此页面上运行的脚本。所以在我的模板中，我像这样包含它：

<?php
/**
* Template Name: Template
*/
?>
<?php get_header(); ?>
<script src="<?php echo get_template_directory_uri(); ?>/js/teacher-signup.js"></script>
<?php get_footer( ); ?>

不幸的是，这样做时我只收到以下错误：

未捕获的类型错误： $(...(。什么不是函数

Wordpress中是否有某种方法仅在特定模板上包含几个脚本？还是我错过了什么？

提前致谢

Answer 1

按照WP建议的方式注册脚本：

wp_register_script('your_file_name', get_template_directory_uri() . '/assets/js/some_file.js', false, null, true);

而不是将该特定页面/模板的注册脚本排队

if (is_page('page_name') ) {
        wp_enqueue_script('your_file_name');
        }

如果需要，还可以为页面模板名称添加条件：

if (is_page_template("template_name.php')

Answer 2

例如，

您可以在某些页面 ID/页面 slug 中制作 if 条件 is_page((

<?php if (is_page( 1 )) : ?>
<script src="<?php echo get_template_directory_uri(); ?>/js/teacher-signup.js"></script>
<?php endif; ?>

您可以将其放在页脚.php主题上