javascript - 我是否需要在 WordPress 子主题上创建或覆盖 custom.js？

Question

因此，我从 University Wordpress.org 主题创建了一个子主题。创建了一个新的 style.css 文件(引用父主题)并具有如下所示的functions.php:

<?php
 add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles',      PHP_INT_MAX);
function enqueue_child_theme_styles() {
wp_enqueue_style( 'university', get_template_directory_uri().'/style.css' );
wp_enqueue_style( 'university', get_template_directory_uri() . '/custom.css'      );
 }

所以，这很棒。除了我创建子主题的全部原因是为了我可以修改“Camera.js”——它包含在父主题的 js 文件中。

camera.js 文件包含以下行......

fx : 'random',//'random','simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft',

对于大量其他效果，您可以通过放置新的效果名称来代替第一个随机来选择应用。

我真正想做的就是让我的子主题仅应用其中一种效果，而不使用原始的 Camera.js。

我能想到的最明显的方法是将 Camera.js 文件复制到我的子主题文件夹中并在其中进行修改。这行得通吗？

感谢您的帮助!抱歉，如果其他地方有人问过这个问题，我不完全确定我要寻找什么来回答我的问题。

Answer 1

您无法覆盖 js 文件功能，因此您需要做的是将原始文件从子主题中出队，然后将其中一个从子主题中入队:

例如出队脚本(您需要放入脚本排队的句柄)

function remove_script(){
    wp_dequeue_script('script_handle_used_to_enqueue');
    wp_enqueue_script( 'newhandle', get_stylesheet_directory_uri() . '/js/Camera.js');
}
add_action('wp_print_scripts', 'remove_script', 100);

请注意，上面假设 js 文件以标准方式排队。