文章/答案/技术大牛

发布

社区首页 >问答首页 >多行中的Typed.js

问多行中的Typed.js
EN

Stack Overflow用户

提问于 2014-12-11 20:18:08

回答 2查看 2.2K关注 0票数 1

我正在使用typed.js插件来实现打字效果。我有两行，在第一行结束后，我想从第二行开始。这是我尝试过的，问题是，当它切换到第二行时，您可以简单地看到

正在键入标记。我不想这样。请告诉我我哪里做错了。我也试着在first的回调中调用类型化函数，但没有起作用:(

下面是我的代码

<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="typed.js"></script>
    <title>Typed.js</title>

<style>
   .test {
       font-size: 30px;
   }

    </style>
</head>
<body>
    <span class="box1"></span>
    <span class="box2"></span>

<script>
  $(function(){

        $(".box1").typed({
            strings: ["First sentence.", "<p></p><span class='test'>Second sentence.</span>",""],
            typeSpeed: 0,
            showCursor: false,

        });
    });
    </script>
</body>
</html>

请告诉我我哪里做错了

jquery

回答 2

Stack Overflow用户

发布于 2020-08-05 07:47:25

可能太晚了，但是我意识到你可以用white-space: pre;向你想要显示的字符串中添加一个\n，并设置类型元素的样式，它不需要显示任何标签就可以工作。

所以Javascript代码应该是这样的：

  $(function(){

        $(".box1").typed({
            strings: ["First sentence.", "\n<span class='test'>Second sentence.</span>",""],
            typeSpeed: 0,
            showCursor: false,

        });
    });

而CSS将是：

.box {
  white-space: pre;
}

它也只适用于一个字符串。

票数 1

Stack Overflow用户

发布于 2014-12-11 21:26:31

您是否尝试添加contentType属性？

$(".box1").typed({
        strings: ["First sentence.", "<p></p><span class='test'>Second sentence.</span>",""],
        typeSpeed: 0,
        showCursor: false,
        contentType: 'html'
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/27422711

复制

相似问题

问多行中的Typed.js
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问多行中的Typed.jsEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问多行中的Typed.js
EN