我试图用Textillate就一个字press.org网站。我无法得到它的工作 [英] I am trying to use Textillate on a WordPress.org website. I can't get it to work

问题描述

也许你能帮助我。我有一句话press.org博客，我试图用Textillate动画从这里：的http：// jschr.github.io/textillate/ 。我下载的所有文件，并把它们到我的服务器，后面的说明，因为它说的指示页面上添加了一个头元素和多个无序列表元素。我添加的文件到我的网页，包括动画，优胜劣汰，textilliate，刻字，和jQuery的头部分。我不能让它的工作权利。

Perhaps you can help me. I have a wordpress.org blog and I am trying to use Textillate animation from here: http://jschr.github.io/textillate/. I downloaded all the files and put them onto my server, followed the instructions, and added a header element and multiple unordered list elements as it says on the instruction page. I added the files to the head section of my webpages including the animate, fittest, textilliate, lettering, and jquery. I cannot get it to work right.

我去JS小提琴，并把他们的网站上的HTML，CSS我所有的信息和JavaScript，我得到它的工作在该网站上。但是，当我复制同样的事情在进入我自己的网站，它不会做动画。现在，我只是试图让动画以淡入淡出三种不同的列表项，但它所做的只是让他们一下子之一。

I went to JS Fiddle and put all my information on their website for the HTML, CSS, and JavaScript and I got it working on that site. But when I copy the exact same thing over into my own website, it doesn't do the animation. Right now, I'm just trying to get the animation to fade in and out three different list items but all it does is show them all at once one.

在JS骗取钱财的code可以在这里找到： http://jsfiddle.net/ amandamays / Rvu9N / 69 /

The code at JS Fiddle can be found here: 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
});

有什么建议？

阿曼达梅斯

推荐答案

您可以修复它​​，使用和下载字preSS插件的 WP-textillate

Can you fix it, using and download the wordpress plugin wp-textillate.

在管理后台去WP Textillate，在左侧，并添加所有文字和动画。之后，你可以把它介绍的内容与短code或使用小工具。

On admin backend go to WP Textillate, in the left, and add all your text and animation. After it, can you put it intro content with shortcode or using widgets.

我希望帮助你。

这篇关于我试图用Textillate就一个字press.org网站。我无法得到它的工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！