自定义小部件的 JS 脚本的最佳方法是什么？

Question

我有一个为其自己的小部件提供服务的插件。我需要对小部件的 js 文件中的一些事件进行轻微更改。由于我不想直接编辑widget.js 文件，我的理解是我需要通过我的主题的functions.php 文件注销脚本，然后注册一个位于我的主题目录中的自定义版本。检查widget.php 文件中的脚本后，我看到的是：

function widget( $args, $instance ) {
    wp_enqueue_script( 'berocket_aapf_widget-script', plugins_url( '../js/widget.min.js', __FILE__ ), array( 'jquery' ), BeRocket_AJAX_filters_version );
 }

因此，在我的主题的 functions.php 文件中，我尝试了以下操作来使该脚本出队：

function wpdocs_dequeue_script() {
    wp_deregister_script( 'berocket_aapf_widget-script' );
    wp_dequeue_script( 'berocket_aapf_widget-script' );
}
add_action( 'wp_print_scripts', 'wpdocs_dequeue_script', 99999999 );

不幸的是，这并没有奏效。我是否以正确的方式处理这个问题？

Answer 1

首先，我不建议放弃插件自己的 JS 文件。我知道你正在用它复制数据，但仍然如此。

话虽如此，您的代码有一些弱点。您需要出列然后取消注册脚本/样式。您应该尝试在 wp_enqueue_scripts 钩子中将脚本出队，因为 wp_print_scripts 在 wp_enqueu_scripts 之后执行。

参考：Plugin API/Action Reference

除了以上几点，你做对了。

编辑 1： 我不建议编辑插件的原始 JS 文件，而是挂钩/绑定您的自定义 JS 并使其与原始文件一起工作。