我试图用一个Textillate网站WordPress.org上。 我不能让它开始工作(I am

2019-10-20 01:20发布

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

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

在JS小提琴的代码可以在这里找到: 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
});

有什么建议么?

阿曼达·梅斯

Answer 1:

您可以修复它,使用和下载WordPress插件WP-textillate

在管理后台去WP Textillate,在左侧,并添加所有文字和动画。 之后,你可以把它介绍的内容与简码或使用部件。

我希望帮助你。



文章来源: I am trying to use Textillate on a WordPress.org website. I can't get it to work