0

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

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

效果还可以。

但是,当我尝试应用不同的应用程序时,例如下面的应用程序......什么也没有发生。没有效果。我究竟做错了什么?

    $("#ttl1").textillate({ 

        initialDelay: 0,
        autoStart: true,

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

    });
4

1 回答 1

0

你如何包含 Textillate、Lettering 和 Animate 库?根据您遇到的问题,我可以假设您链接到raw.github.com,这将导致此问题。

问题是raw.github.com提供内容text/plain并使用nosniffContent-type 选项。这样做是为了防止 raw.github.com 被用作 CDN(因为它从未被设计为 CDN)。您需要自己托管文件或链接到不同的 URL 以使动画正常工作。

值得注意的是,大多数浏览器仍会加载和执行 JavaScript(至少以我的经验),但不会加载和执行 CSS。由于提供动画效果的是 Animate CSS 库,这就是您的示例不起作用的原因。

这是一个工作示例。你的选项很好,但如果 CSS 没有加载,那么任何效果都不会起作用。

旁注:当您遇到问题时,始终值得在启用开发人员/调试控制台的多个浏览器中尝试您的网站。在几乎所有情况下,至少有一个浏览器会提示您控制台中出了什么问题。

于 2013-07-09T15:15:52.023 回答