Question

我试图在wordpress中使用Vivus.js脚本来动画我的svg徽标绘图。它正在加载js文件，但在错误控制台中我得到：SyntaxError：意外的令牌＆＃39;＆lt;＆＃39;引用virus.js文件的第一行。

这是来自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>

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

<!DOCTYPE html>

这导致错误。因此，您所要做的就是修复路径。检查你的header.php或functions.php（或你的脚本入队的任何其他地方）。

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

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

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

1 个答案: