javascript - 在 WordPress 模板上包含 jQuery 脚本

Question

这个问题已经有答案了:

Wordpress how to use jquery and $ sign (18 个回答)

Why is my javascript file not found by wordpress? and why doesn't my javascript file refresh? (6 个回答)

已关闭 6 年前。

我有一个页面模板，该模板应用于我的 WordPress 页面上的特定页面。通常，对于我的所有其他脚本，我将它们放在我的 footer.php 中，然后它们从那里加载得很漂亮。在这个特定的页面上，我想加载一个只应该在这个页面上运行的脚本。因此，在我的模板中，我将其包含如下:

<?php
/**
* Template Name: Template
*/
?>
<?php get_header(); ?>

<script src="<?php echo get_template_directory_uri(); ?>/js/teacher-signup.js"></script>

<?php get_footer( ); ?>

不幸的是，当我这样做时，我只会收到如下错误:

Uncaught TypeError: $(...).whatever is not a function

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')