Question

我正在尝试使用textilate.js来动画一些文字。当我使用最基本的功能时

$("#ttl1").textillate();

效果正常。

然而，当我尝试应用另一个时，就像下面那个......没有任何反应。没有效果。我做错了什么？

    $("#ttl1").textillate({ 

        initialDelay: 0,
        autoStart: true,

    in: {
        effect: 'flash',
        delayScale: 1.5,
        delay: 50,
        sync: false,
        shuffle: true
        },

    });

Answer 1

您如何加入Textillate，Lettering和Animate图书馆？根据您所遇到的问题，我可以假设您链接到 raw.github.com ，这会导致此问题。

问题是 raw.github.com 将内容提供为text/plain并使用nosniff内容类型选项。这样做是为了防止raw.github.com被用作CDN（因为它从未被设计为CDN）。您需要自己托管文件或链接到不同的URL以使动画生效。

值得注意的是，大多数浏览器仍然会加载和执行JavaScript（至少在我的经验中），而不是CSS。因为它是提供动画效果的Animate CSS库，所以这就是你的例子不起作用的原因。

Here's a working example.您的选择很好，但如果CSS没有加载，那么这些效果都不起作用。

旁注：如果您遇到问题，在启用开发人员/调试控制台的情况下，总是值得在多个浏览器中试用您的网站。几乎在所有情况下，至少有一个浏览器会给你一个关于控制台出错的提示。

无法让textilate.js在默认设置之外工作

1 个答案: