javascript - 多次调用 .typed() 函数

标签 javascript jquery html web

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

我发现 1. 我必须更改插件的源,以不删除它输入的内容,2. 我需要清除我调用该函数的元素的数据。因此,弄清楚这两件事后,我需要知道如何使其不清楚调用该函数的元素。

最佳答案

如果不首先删除该元素并再次创建它,目前无法多次调用类型化的元素。

$(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/

关于javascript - 多次调用 .typed() 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34518253/

相关文章:

javascript - 如何使用 AJAX 进行正确的 jQuery 用户身份验证

html - 如何将目标 ="_blank"赋予 html 中的所有标签

html - 定位旋转的 div 元素

javascript - <a>onclick后,等待功能完成后再再次点击/处理

javascript - 如何在不移动另一个分辨率的情况下将文本保持在顶部

javascript - "onclick"和 "onmouseover"等标准 DOM 事件的替代方案?

javascript - 创建特定格式的 JSON

javascript - Vuetify 的 v-autocomplete 组件在清除时将 v-model 值重置为 null

javascript - 用于加载页面并注入(inject)代码的 Chrome 扩展

javascript - 谷歌地图标记类别过滤不起作用?