我正在嘗試在WordPress.org網站上使用Textillate。 我無法正常工作

Question

也許你可以幫我。 我有一個wordpress.org博客，我正在嘗試從此處使用Textillate動畫： http ://jschr.github.io/textillate/。 我下載了所有文件並將它們放到服務器上，按照說明進行操作，並按照說明頁面上的說明添加了標頭元素和多個無序列表元素。 我將文件添加到了網頁的頂部，包括動畫，適體，textilliate，字母和jquery。 我無法使其正常工作。

我去了JS Fiddle，將我所有的信息都放在HTML，CSS和JavaScript的網站上，然后在該網站上運行了。 但是，當我將完全相同的內容復制到我自己的網站中時，它不會進行動畫處理。 現在，我只是想讓動畫淡入和淡出三個不同的列表項，但它所做的只是一次顯示它們。

JS Fiddle上的代碼可以在這里找到： http : //jsfiddle.net/amandamays/Rvu9N/69/

<div class="black-bar">

     <h2 class="tlt">
        <ul class="texts">
            <li>Stressed out?</li>   
            <li>Deadlines looming?</li>
            <li>Writer's block?</li>
        </ul>
    </h2>
</div>

h2.tlt {
    color: #59bce3;
}

.black-bar {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 68, 68);
    border: .133em solid rgb(68, 68, 68);
    border-radius: .333em;
    max-width: 100%;
    padding: .3em .5em;
    margin-top: .5em;
    margin-bottom: .5em;
    text-align: center;
}

ul {
    list-style: none;   
}

$('.tlt').textillate({ in : {
        effect: 'fadeIn'
    },
    out: {
        effect: 'fadeOut',
        sync: true
    },
    loop: true
});

有什么建議么？

阿曼達·梅斯（Amanda Mays）

Answer 1

您能使用並下載wordpress插件wp-textillate來修復它嗎 ？

在管理后端，轉到左側的WP Textillate，然后添加所有文本和動畫。 之后，您可以使用簡碼或小部件將其介紹性內容嗎？

希望對您有幫助。