javascript - jquery onload/text effect 后期 react

Question

在我的 Rails 应用程序中有这段代码:

window.onload = ->
  $("#mycontainer").typewriter()
  $("#div1").fadeIn("slow")

作用于此:

  <blockquote class="pull-left">
       <p id="mycontainer">A mathematician, scientist, and engineer are each asked: "Suppose we define a horse's tail to be a leg. How many legs does a horse have?" The mathematician answers "5"; the scientist "1"; and the engineer says "But you can't do that! </p>
       <small id="author">Emmanuel Mensah </small>
  </blockquote>

现在，我可以清楚地看到 window.onload据我所知，让 jquery 在页面加载后立即启动的功能。我意识到，首先，页面加载，然后一瞬间，我可以在文本效果出现之前看到(整个)文本(效果是一种打字，这意味着文本不应该是可见的，但是在按键之后键入键...到正确的)。但我想知道如何做到这一点，以便在加载页面时，我根本看不到文本，而是在 jquery 之后开始。

我试图添加这个 CSS style: display:none到 <p>标签，但这没有任何改变。有人可以帮我吗？

Answer 1

需要先隐藏它们才能看到显示效果。

window.onload = ->
  $("#mycontainer").hide()
  $("#div1").hide()
  $("#mycontainer").typewriter()
  $("#div1").fadeIn("slow")