当前位置: 首页 > 知识库问答 >
问题:

在wordpress模板上包含jQuery脚本[重复]

邢曦
2023-03-14

我有一个页面模板,它应用于我的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( ); ?>

不幸的是,在执行此操作时,我只会遇到如下错误:

未捕获类型错误:$(…)。任何不是函数的

WordPress中是否有一些方法只在特定模板上包含几个脚本?还是我错过了什么?

提前谢谢

共有2个答案

徐弘图
2023-03-14

例如,您可以在某些页面id/页面slug中设置if conditional is_page()

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

您可以将其放在footer.php主题中

柳晔
2023-03-14

按照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')
 类似资料:
  • 问题内容: 我参与了一个将项目从Oracle迁移到MySQL的项目。在Oracle中,当通过命令行运行批处理时,我能够创建一个引用或包含其他外部SQL脚本文件的SQL脚本。我有一个名为CreateAllTables.sql的脚本,在内部看起来像这样: 我已经知道MySQL命令行“源”命令,但是我的目标是通过一个命令行调用来调用一个包含其他脚本的主.sql脚本文件,如下所示: 所以我的问题是我该如何

  • 问题内容: 我是新手,以前从未使用过PHP。我想从Linux上的HTML文件执行PHP脚本。我需要做什么? 这是我的HTML文件的内容: 问题答案: 您收到什么输出?它只是显示PHP代码吗? 我认为是这样。 为了进行测试,请将文件扩展名更改为,然后再次运行。现在可以用吗? 如果是这样,您将需要将PHP与服务器上的和文件关联。 编辑 这是您要添加到Apache配置中的行:

  • 我有一些库脚本:lib1。groovy: lib2.groovy: lib3.groovy: 并希望在另一个脚本中使用它们:conf.groovy: conf.groovy是由用户配置的,他不知道我的后台lib脚本!他只知道提供的方法/任务:a()、b()、c()。实际上,我创建lib脚本是为了简化用户。 有没有办法将lib目录中的所有脚本(脚本lib1、lib2m、lib3)都包含到conf.g

  • 问题内容: 我试图将值放入“标题”模板中,例如标题和导航链接,但无法访问我从包含的模板发送到主模板的变量。 渲染模板: index.html模板: header.html模板: 显然,它不会那样工作。 也许有一种方法可以解析/获取模板并将变量放入其中,而无需将整个头文件放入代码中?然后,我可以将该模板作为变量发送到我的主模板。但这似乎并不是最好的方法。 问题答案: 您可以在调用模板时将上下文传递给

  • 问题内容: 在以下情况下如何使用包含。目的是在html(部分)文件中使用标记,而不是在模板中(在指令内)定义标记。 我在这里找到了一个很棒的树指令。( 来源)原文: http //jsfiddle.net/n8dPm/ 我没有在指令中定义模板,而是尝试使用包含在内的内容。我还将Angular更新为1.2.0.rc2。更新时间:http://jsfiddle.net/aZx7B/2/ 低于错误 Ty

  • 问题内容: 我在主布局文件中有这个 我的目录结构中有header.html部分模板。 如何在我的应用程序中包含此模板?我认为angular在处理完控制器后会自动包含模板,但是它不起作用。 标头节点应替换为此文件的内容。 问题答案: 包含来自外部文件的模板/ html片段的一种方法是使用指令(doc)。 要么