如何在子主题中覆盖联系表格 7 js 文件答案

【问题标题】：How to override contact form 7 js files in child theme如何在子主题中覆盖联系表格 7 js 文件
【发布时间】：2017-12-13 17:01:01
【问题描述】：

我在我的 WordPress 网站中使用联系表格 7 插件。我有一种情况，我必须修改和添加新的 JavaScript 代码来扩展功能。现在我想在我的子主题中覆盖文件script.js。文件位置：plugins/contact-form-7/includes/js/scripts.js

请帮忙。

【问题讨论】：

标签： javascript php wordpress wordpress-theming contact-form-7

【解决方案1】：

要在您的子主题中覆盖脚本文件，首先您需要使用 wp_dequeue_script 将您的插件脚本文件出列

在您的插件脚本出列后，您需要使用子主题路径再次添加脚本文件。将您的插件脚本[scripts.js] 文件放入您的子主题中。检查下面的示例代码。将以下代码放入您的子主题function.php 文件中

add_action('wp_enqueue_scripts', 'pre_contact_form_callback', 100);
function pre_contact_form_callback()
{
    wp_dequeue_script('contact-form-7');
    wp_enqueue_script( 'contact-form-7-child', get_stylesheet_directory_uri().'/js/scripts.js', array( 'jquery', 'jquery-form' ), null, true);
}

【讨论】：

@Anilsharma 这个答案是否有用？
它有帮助。谢谢你拯救了我的一天！