javascript - WordPress 定制器链接自 WP5.8 更新后停止工作

Question

自 WP 5.8 更新以来，我的 WordPress 定制器菜单项停止工作。所以我无法点击任何项目，如小部件、设置，甚至更改主题。定制器中没有任何按钮可用。

当我在 WP 5.5 中使用相同的主题时，它可以 100% 工作

我尝试激活启用 jQuery Migrate Helper 插件，但问题仍然存在。所以我确信这与我使用的主题有关。我需要解决这个问题。

这是我在开发工具控制台中遇到的错误

Uncaught TypeError: t.onChangeSectionExpanded is not a function
    completeCallback http://localhost/atomx/wp-includes/js/dist/customize-widgets.min.js?ver=54217cb151203a814dd21ea6d0b8763c:2
    completeCallback http://localhost/atomx/wp-includes/js/dist/customize-widgets.min.js?ver=54217cb151203a814dd21ea6d0b8763c:2
    onChangeExpanded http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    onChangeExpanded http://localhost/atomx/wp-includes/js/dist/customize-widgets.min.js?ver=54217cb151203a814dd21ea6d0b8763c:2
    _toggleExpanded http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    collapse http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    onChangeExpanded http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    jQuery 3
    onChangeExpanded http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    initialize http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    jQuery 3
    _toggleExpanded http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    expand http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    attachEvents http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    jQuery 9
    attachEvents http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    initialize http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    jQuery 3
    e http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    embed http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    initialize http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    jQuery 3
    <anonymous> http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    each jQuery
    <anonymous> http://localhost/atomx/wp-admin/js/customize-controls.min.js?ver=5.8:2
    jQuery 13
customize-widgets.min.js:2:22838

任何人都可以指出我正确的方向吗？我需要使用这个主题。我没有激活插件，所以我确定它与我使用的主题有关。

我正在本地主机上工作，因此无法共享实时 URL。最新版本的WP和Wamp64

提前致谢。

Answer 1

过去几天我尝试了很多事情。

一些建议是:

1. .live jQuery 函数 - 将其替换为 .on JQ 函数，并进行一些额外的调整。 - 不起作用
2. 激活经典编辑器插件 - https://wordpress.org/plugins/classic-editor/ - 不起作用
3. 激活 jQuery Migrate 插件 - https://wordpress.org/plugins/enable-jquery-migrate-helper - 不起作用
4. 通过将 remove_theme_support( 'widgets-block-editor' ) 放入函数文件中来删除 gutenberg 支持 - 不起作用

我对这个问题了解得越多，听起来好像是新的小部件部分造成的。所以我后来看到WordPress推出了一个新插件，名为Classic Widgets。一旦我激活这个插件，它立即解决了我的问题。

对于遇到此问题的其他人。查看经典小部件插件 - https://wordpress.org/plugins/classic-widgets/

这几乎就是它的全部功能

// Disables the block editor from managing widgets in the Gutenberg plugin.
add_filter( 'gutenberg_use_widgets_block_editor', '__return_false' );
// Disables the block editor from managing widgets.
add_filter( 'use_widgets_block_editor', '__return_false' );

因此，您可以将上述两行添加到您的functions.php 文件中，而不是使用该插件，这样就可以修复它。

希望这能让像我一样的人节省 4 天的挣扎时间。现在我需要弄清楚为什么在使用新 block 小部件时它会破坏主题。