如何在我们的主题中添加自定义的javascript文件

时间：2021-12-21 作者：tiago calado

我将自定义css文件添加到我的主题中，但当我尝试对javascript文件执行相同操作时，它们似乎不起作用，这意味着html文件上的javascript工作正常，但如果我将其传输到自定义javascript文件，则不会起作用。我是否将自定义javascript文件正确添加到wordpress？

if (! function_exists(\'custom_jsfiles\')) {
    add_action(\'wp_enqueue_scripts\', \'custom_jsfiles\');
    function custom_jsfiles() {wp_enqueue_script(\'custom_js\', home_url().\'/wp-content/themes/mytheme/custom-js.js\');}
}

1 个回复
最合适的回答,由SO网友:tiago calado 整理而成

这个问题已经发布了好几个月了，现在我在这里发布这个问题时就开始运行了。问题是wp\\u enqueue\\u脚本需要先注册脚本文件。所以我让它这样工作！

if (! function_exists(\'custom_jsfiles\')) {
   add_action(\'wp_enqueue_scripts\', \'custom_jsfiles\');
      function custom_jsfiles() {
      wp_register_script(\'custom_js\', get_theme_file_uri().\'/mytheme/custom-js.js\');
      wp_enqueue_script(\'custom_js\');
   }
}
########################

更新答案时，路径不正确，jacob也说过，无需注册，现在它工作了

function ad_ficheiros(){
    wp_enqueue_script(\'custom_js\', get_template_directory_uri().\'/inc/custom-js.js\', array(), \'1.15\', true);
}
add_action(\'wp_enqueue_scripts\', \'ad_ficheiros\');
此处，文件位于主题文件夹中名为inc的文件夹中，还添加了两个参数，即文件版本以及是否显示在页眉或页脚中（false或true）。

标签： javascript   小码农  

相关推荐

迁移到新域名后出现JavaScript/AJAX错误

我已经将一个客户的站点从旧的垃圾域名迁移到新的域名，以更好地代表他们的业务。然而，自从移动以来，似乎出现了某种Javascript/Ajax问题。例如，我似乎无法切换选项卡（在ajax页面上），而；“快速编辑”；工具根本不起作用。当单击任何页面上的“快速编辑”链接时，我在F12控制台中发现此错误。Uncaught TypeError: Cannot read property \'hasClass\' of undefined at HTMLDocument.<anonymous&g