Текст даже не печатает, используя typed.js - PullRequest
0 голосов
/ 04 апреля 2019

Я пытаюсь набрать текст с помощью typed.js, но он не работает.

<head>
<meta charset="utf-8">
<title>webpage</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="particles-js"></div>
<script type="text/javascript" src= "js/particles.js"></script> 
<script type="text/javascript" src = "js/app.js"></script> 
<script type="text/javascript" src="js/typed.js" ></script>

<div class = "name">
Name
<div class = "about"><p>Developer <span class="typed">| Reader</span></p></div>
</div> 
<script type="text/javascript">
var typed = new Typed(".typed",{
                strings: ["Python Enthusiast","Stopped"],
                backSpeed: 40,
                typeSpeed: 40
              });
</script>

Я хочу, чтобы печатался только текст читателя

1 Ответ

1 голос
/ 04 апреля 2019

Когда я пробую ваш код с тегом сценария cdn, он печатает.Вероятно, существует проблема с вашим локальным файлом typed.js.См. Фрагмент ниже для справки:

<head>
  <meta charset="utf-8">
  <title>webpage</title>
  <link href="style.css" type="text/css" rel="stylesheet">
</head>

<body>
  <div id="particles-js"></div>
  <script type="text/javascript" src="js/particles.js"></script>
  <script type="text/javascript" src="js/app.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.min.js"></script>

  <div class="name">
    Name
    <div class="about">
      <p><span class="typed"></span></p>
    </div>
  </div>
  <script type="text/javascript">
    var typed = new Typed(".typed", {
      strings: [
        "Developer | Reader",
        "Developer | Python Enthusiast",
        "Developer | Stopped"
      ],
      backSpeed: 40,
      typeSpeed: 40
    });
  </script>

РЕДАКТИРОВАТЬ: Если вы хотите, чтобы все строки были напечатаны, вы должны добавить их в массив строк.Также часть, которая не должна изменяться, в этом случае Developer | должна быть в каждой строке, так что typed.js точно знает, сколько нужно стереть при возврате.Он автоматически сохранит часть, общую для всех строк.

Если вы просто хотите, чтобы часть после | была набрана, а часть Reader уже была там, когда вы загружаете (как это было в вашем собственном коде), попробуйте следующее:

<head>
  <meta charset="utf-8">
  <title>webpage</title>
  <link href="style.css" type="text/css" rel="stylesheet">
</head>

<body>
  <div id="particles-js"></div>
  <script type="text/javascript" src="js/particles.js"></script>
  <script type="text/javascript" src="js/app.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.min.js"></script>

  <div class="name">
    Name
    <div class="about">
      <p>Developer | <span class="typed">Reader</span></p>
    </div>
  </div>
  <script type="text/javascript">
    var typed = new Typed(".typed", {
      strings: [
        "Reader",
        "Python Enthusiast",
        "Stopped"
      ],
      backSpeed: 40,
      typeSpeed: 40
    });
  </script>

Другими словами, похоже, что если у вас уже есть какой-то текст в набираемом элементе, вам нужно, чтобы этот текст также присутствовал в вашей строкемассив, иначе он пропустит некоторые элементы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...