如何将 JavaScript 文件添加到 WordPress 网站

Question

我正在开发一个用于收集数据的网络表单。我需要将它附加到我的 WordPress 网站。我已经成功地附加了 HTML 和 CSS 文件，以便它们可以与网站的主题融为一体，但是，我尝试添加 JavaScript 文件没有成功。 我已经遵循了几个指南，但我没有成功。我尝试了 enqueue_script 方法，但没有奏效。这是我的 functions.php 文件中的代码示例

<?php
/**
 * Income School functions and definitions
 *
 * @link https://developer.wordpress.org/themes/basics/theme-functions/
 *
 * @package Income_School
 */

 
add_action( 'wp_enqueue_scripts', 'form_enqueue_style' );

function form_enqueue_script() {
    wp_enqueue_script( 'form-js', get_template_directory_uri() . '/js/form.js',  array(), false, true);
}
 
add_action( 'wp_enqueue_scripts', 'form_enqueue_script' );

在可以找到上述functions.php 的我的主题文件夹中，我还在我的主题文件夹中创建了js 文件夹，我在其中放置了我的javascript 文件。但是，当我尝试加载我的网站时，上述脚本无法进入页脚。至于 CSS，我只是在块中添加 HTML 代码时通过 Scripts n Styles 插件简单地添加了它。请协助我，以便我能够确保我的 JS 运行良好。

Answer 1

function my_theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'my_theme_name_scripts' );

还要确保文件位于主题中的正确路径下。

Answer 2

我这里有一个旧的 PHP 应用程序，它可以导入带有 HTML 脚本标记的 js 文件。导入后，我可以在其他 HTML 组件（例如输入）中使用 js 函数。这是您已经尝试过的简单解决方案吗？

<script language="javascript" type="text/javascript" src="lib/ajax_search.js"></script>

函数 searchOrcSuggest() 在我用 html 导入的 js 文件中。

<input name="descricao[<?php echo $row1['codigo']?>]" id="descricao<?php echo $row1['codigo']?>" value="<?php echo $row1['descricao']?>" type="text" class="forms" size="45"
                onkeyup="searchOrcSuggest(this, 'codigoprocedimento<?php echo $row1['codigo']?>', 'particular<?php echo $row1['codigo']?>', 'convenio<?php echo $row1['codigo']?>', 'search<?php echo $row1['codigo']?>', <?php echo $codigo_convenio?>);"
                autocomplete="off" />

另外这个应用程序还有其他方式通过一个名为script.js.php的js文件传递js函数，不要问我为什么！

这个档案的导入是这样的：

<script language="javascript" type="text/javascript" src="lib/script.js"></script>

如果你想看的话，这里是文件 link to file