Visual Composer / Jquery Animations not working 调试错误

Question

我在 wordpress 网站上安装了可视化作曲家。出于某种原因，当我插入图像或任何元素并从视觉合成器内部应用动画时，页面变为空白，没有任何显示，没有动画，什么都没有。

在联系插件开发人员后，他们说另一个插件有冲突，但我只安装了另一个插件，jetpack。我已经卸载了，问题仍然存在。

使用调试工具我得到以下错误。有什么想法吗？

未捕获的类型错误：a.indexOf 不是函数 在 r.fn.init.r.fn.load (jquery.min.js?ver=3.1.1:4) 在 waypoints.min.js?ver=5.0.1:8 在 waypoints.min.js?ver=5.0.1:8 在 waypoints.min.js?ver=5.0.1:8 在 waypoints.min.js?ver=5.0.1:8

未捕获的类型错误：f.getClientRects 不是函数 在 r.fn.init.offset (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js?ver=3.1.1:4:20376) 在 t.refresh (http://####/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:2072) 在 t。 (http://#####/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:6130) 在 Function.each (https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js?ver=3.1.1:2:2865) 刷新时（http:#####/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:6100） 在 Function.n.(匿名函数) [作为航路点] (http://###wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:7638) 在 r.fn.init.init (http://####/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:4817) 在 r.fn.init.n.fn.(匿名函数) [作为航路点] (http://######/wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js?ver=5.0.1:8:5712) 在 function.window.vc_waypoints.window.vc_waypoints (http://####/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=5.0.1:1:7243)

Answer 1

默认情况下，最新版本的 WordPress 使用 jQuery 版本 1.12.4，但您的网站似乎通过 Google 的 CDN 调用 jQuery 3.1.1。 Visual Composer 可能还不兼容 jQuery 3。

如果这是网站上唯一的插件，那么很可能是主题调用了这个 jQuery 版本。如果编码正确，您应该能够找到覆盖 jQuery 版本的 wp_register_script 或 wp_enqueue_script 函数。如果将其替换为 wp_enqueue_script( 'jquery' );，您将加载 WordPress 的 jQuery，这可能会解决问题。

三个注意事项：

1. 主题可能已通过使用wp_deregister_script替换 jQuery。您也需要将其注释掉。
2. 如果 that js 需要 jQuery 版本 3，那么更改 jQuery 版本可能会破坏来自您主题的 javascript，因此请同时查找这方面的问题。
3. 当您更新主题时，它会恢复此更改。因此，您应该考虑通过子主题来执行此操作，以在更新时保留您的更改。