визуальные эффекты не работают в рубине на рельсах

Question

Я использую «визуальные эффекты» на странице просмотра, но она не работает, может ли какое-либо тело помочь мне.

Здесь код идет

<%= javascript_include_tag "prototype", "effects" %>
<script type="text/javascript">
    <%= visual_effect(:fade, "important", :duration => 1.5) %>
</script>

<p id="important">Here is some important text, it will be highlighted when the page loads.</p> 

Answer 1

<%= javascript_include_tag "prototype", "effects" %>
<p id="important">Here is some important text, it will be highlighted when the page loads.</p> 
<script type="text/javascript">
     <%= visual_effect(:fade, "important", :duration => 1.5) %>
</script>

Answer 2

Вы должны поместить его в готовый блок документа (dom) или переместить #important p перед js.В настоящий момент js запускается до того, как узнает о #important p, поэтому ничего не происходит.Если он находится в блоке, готовом к документу, то порядок не важен, так как вся страница будет загружена до запуска js.Кроме того, похоже, что fade ничего не делает.Попробуйте: выделите вместо.

В прототипе вы делаете готовый блок dom следующим образом:

<script type="text/javascript">
  document.observe('dom:loaded', function() {
    <%= visual_effect(:fade, "important", :duration => 1.5) %>
  });
</script>