多次调用.typed()函数

时间:2015-12-29 20:06:04

标签: javascript jquery html web

好的,所以我正在用JavaScript编写一个小文字冒险游戏。长话短说我正在使用typed.js插件为游戏上的每个输入后出现的文本添加样式。由于某种原因,我无法弄清楚如何多次调用.typed()函数。

我已经弄清楚了1.我必须更改插件的源代码,不要删除它输出的内容和2.我需要清除我正在调用该函数的元素的数据。因此,当我发现这两件事时,我需要知道如何使它不清楚函数被调用的元素。

1 个答案:

答案 0 :(得分:1)

如果不首先删除元素并再次创建,则目前无法调用多次键入。

$(function(){
    var options = {
        strings: ["First sentence.", "Second sentence."],
        typeSpeed: 0,
        callback: function(){
            var x = $(".element").text();
            $("#maindiv").html("");
            $("#maindiv").append('<span class="element">'+x+'</span>');
        }
    }
    $("button").click(function(){ 
        $(".element").text('');
       $(".element").typed(options);        
    });
}); 

我不知道您是否希望完全控制下一句话的时间,但也可以通过实施以下代码来解决;

http://jsfiddle.net/mattboldt/tcRUG/