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

【问题标题】：Can't get textilate.js to work outside default settings无法让 textilate.js 在默认设置之外工作
【发布时间】：2013-07-09 14:30:27
【问题描述】：

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

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

效果还可以。

但是，当我尝试应用不同的应用程序时，例如下面的应用程序...没有任何反应。没有效果。我做错了什么？

    $("#ttl1").textillate({ 

        initialDelay: 0,
        autoStart: true,

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

    });

【问题讨论】：

标签： jquery text jquery-animate

【解决方案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 没有加载，那么任何效果都不会起作用。

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

【讨论】：

我不包括 raw.github。库托管在站点位置。我在 textilate 之前包括了刻字和动画库。在包含库之后在 js 文件中调用上面的代码。
您确定所有的 JS 和 CSS 库都以正确的 Content-Type 加载和提供吗？在启用开发控制台的情况下在 Chrome 中加载您的网站，看看是否有任何错误。
我会去重新检查一切并回复你。
你绝对让我走上了正确的道路。我这样做是作为 drupal 安装的一部分，并且 animate.css 没有被拾取。感谢您对小提琴的帮助和努力。非常感谢。