Vivus.js 脚本不会在 WordPress 中执行

Question

我正在尝试使用 wordpress 中的 Vivus.js 脚本来制作我的 svg 徽标绘图的动画。它正在加载 js 文件，但在错误控制台中我得到： SyntaxError: Unexpected token '<' referenced the first line of the virus.js file.

这是我在 Wordpress 中的脚本 Footer.php:

var elogo = new Vivus('elogo', {
    type : 'delayed',
    duration : 140,
    start : 'autostart',
    forceRender : true,
    dashGap: 20
}, function() {
    if (window.console) {
        console.log('Animation finished. [log triggered from callback]');
    }
})

一切都在 WordPress 之外工作，但是当我将它放入我的主题文件时，它不会执行动画。

我的页面地址是http://entrepology.studio-element.com

Answer 1

路径错误。您的页面链接到：

<script src="http://entrepology.studio-element.com/wp-content/themes/entrepology/js/dist/vivus.js"></script>

如果您在浏览器中粘贴 URL，它会重定向到您的主页。 HTML的第一行是：

<!DOCTYPE html>

这是导致错误的原因。所以你所要做的就是修复路径。检查您的 header.php 或 functions.php（或您将脚本排入队列的任何其他位置）。

编辑：我尝试了其他一些路径。这个应该可以工作（距离太多了）：

http://entrepology.studio-element.com/wp-content/themes/entrepology/js/vivus.js

Vivus.js 脚本不会在 WordPress 中执行

Vivus.js Script won't execute in WordPress

javascript

wordpress

vivus