如何将JavaScript添加到WordPress PHP文件？

Question

我想从WordPress PHP文件的根文件夹中引用JavaScript文件，但是在加载页面时，JavaScript被忽略了。 WordPress对引用.js文件有限制吗？ 我没有正确引用PHP的JavaScript吗？

这是我写的（不起作用）：

<?php wp_footer(); ?>
<script src="/files/js/jquery.js" type="text/javascript"></script>
<script src="/files/js/jquery.cycle.js" type="text/javascript"></script>
</body>
</html>

Answer 1

对于jQuery，我使用此技术在WordPress中加载jQuery的最新版本

基本上你在functions.php中使用wp_enqueue_script 函数 。

对于我想简单地将它们添加到模板文件中并且不想打扰wp_enqueue_script 脚本 ，我将它们放在主题文件夹中创建的脚本文件夹中。 我在那里添加所有自定义添加的.js脚本。

然后在模板文件中我使用如下代码：

<script type="text/javascript" src="<?=get_template_directory_uri();?>/scripts/markers.js"></script>

Answer 2

WordPress有自己的添加js或css文件的方法。

<?php
function my_scripts_loader() {
    wp_enqueue_script( 'my-js', 'filename.js', false );
}
add_action( 'wp_enqueue_scripts', 'my_scripts_loader' );
?>

Answer 3

WordPress有多种方法来包含文件，我本人在早期就使用WordPress，但那时我不得不使用WordPress函数来调用路径。

示例： <script src="<?php echo bloginfo('template_directory'); ?>/files/js/jquery.js" type="text/javascript"></script> //add echo

你可能想要var_dump bloginfo（'template_directory'）并从那里开始工作。

Answer 4

将您的文件文件夹放入您的wordpress主题，然后您只需要使用它

包括header.php文件中的路径，如

<script src="<?php bloginfo('template_directory'); ?>/files/js/jquery-min.js" type="text/javascript"></script>

希望这个能对您有所帮助 ....