如何將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>

希望這個能對您有所幫助 ....