Jquery onload / текстовый эффект поздняя реакция

Question

Jquery onload / текстовый эффект поздняя реакция

0

В моем приложении 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 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 ударит.

Я попытался добавить этот style: display:none CSS style: display:none к тегу <p> но это ничего не меняет. Может ли кто-нибудь помочь мне здесь?

Emanuel 12 дек. 2013, в 06:36

Источник

Теги:

javascript

jquery

html

ruby-on-rails

css

2 ответа

0

Вместо этого попробуйте использовать загрузку.

<body onload="myfunction()">
  <blockquote class="pull-left">
    <p id="mycontainer" style="display:none;">A mathematician, scientist, and engineer are each asked: "Suppose we define a horse 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>
</body>

function myfunction() {
  $("#mycontainer").show();
  $("#mycontainer").typewriter();
}

dipak_pusti 12 дек. 2013, в 02:25

Ещё вопросы

Billy Chan · Accepted Answer · 2013-12-12T03-41-00.000Z

Сначала вам нужно скрыть их, чтобы увидеть эффект показа.

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

на самом деле это не работает:. оба метода.
Можете ли вы создать демо-версию jsfiddle?
вместо этого я подтолкнул к героку: hidden-river-2301.herokuapp.com
После загрузки текст для шутки не отображается. Затем персонажи появились один за другим, как и ожидалось. Я думаю, вы не можете увидеть обновление из-за кеша, ни браузера, ни Rails '. Попробуйте почистить их.