我是jQuery的新手,我想对我在rails应用程序中创建的项目应用淡入效果。 该对象附加到DOM但淡入淡出效果似乎不起作用! 这似乎应该是一个相当简单的解决方案,但我认为rails实例变量正在抛弃它。 我已经尝试将我的创建javascript包装在文档就绪函数中,但这似乎也没有帮助。 先感谢您!

index.html.erb

<div class="row">
  <div class="col-lg-12">
    <% @events.each do |event| %>      
      <%= render event %>
    <% end %>
  </div>
</div>

create.js.erb

$('#new_event').remove();
$('#new_event_link').show();
$('#events').append('<%= j render(@event) %>').fadeIn(5000);

_events.html.erb

<ul id="events">
  <li>
    <h4><%= event.location %></h4>
    <p><%= event.description %></p>
  </li>
</ul>

对于其他人,以下是工作代码

index.html.erb

<div class="row">
  <div class="col-lg-12">
    <ul class="events">
      <% @events.each do |event| %>      
        <%= render event %>
      <% end %>
    </ul>
  </div>
</div>

create.js.erb

$('#new_event').remove();
$('#new_event_link').show();
$('#events').append($('<%= j render(@event) %>').hide().fadeIn(5000));

_events.html.erb

<li>
  <h4><%= event.location %></h4>
  <p><%= event.description %></p>
</li>

===============>>#1 票数:2 已采纳

淡入效果没有显示,因为一旦你附加新元素它们已经可见,所以没有什么可以淡入。 在这个答案中描述了这样做的正确方法。 我用一般的想法做了一个快速的小提琴

顺便说一句,我不太了解你的模板,我认为它们应该是这样的:

index.html.erb

<div class="row">
  <div class="col-lg-12">
    <ul id="events">
      <% @events.each do |event| %>      
        <%= render event %>
      <% end %>
    </ul>
  </div>
</div>

_event.html.erb

<li>
  <h4><%= event.location %></h4>
  <p><%= event.description %></p>
</li>

  ask by pyRabbit translate from so

未解决问题?本站智能推荐:

2回复

在Rails中使用jQuery向部分渲染添加效果

在rails中,每当我渲染局部图像时,它只会显示而没有任何效果。 每当在rails中调用渲染部分时,是否有可能应用jQuery效果,例如slideDown()?
1回复

使用动态ID渲染数据与Rails中的jQuery效果一起使用

我正在构建一个Rails应用程序,并且在Rails表中的数据如何用于控制JS / jQuery的某些操作(我不理解)有一层复杂性。 我想做什么:我有一个名为Comments的表。 假设它由post (注释的字符串), slug (指定它应该出现的某个博客页面)和location (一个与
5回复

使用javascript没有jquery淡化效果?

从javascript派生的jQuery有很好的创建淡入淡出效果的方法。 但是如何使用我自己的自定义JavaScript代码实现相同的高度 ? 我想要最简单的一个......它逐渐消失。
1回复

Rails 4:jQuery模式形式从顶部效果下降

我需要有关Rails和jQuery模式的一点帮助。 如何在Rails 4中将“自上而下”效果添加到模式窗口? 我没有使用Bootstrap,也没有假装使用它。 我只是用以下方式打开模式弹出窗口: 我只是在遵循https://github.com/dei79/jquery-mod
1回复

Rails 4 jQuery高亮效果未执行

我正在尝试在帖子索引页面中突出显示所做的更改,在该页面中还显示并提交了表单(都在同一页面上)。 我想滑动并突出显示新帖子。 知道post == new我是否将current_item放在控制器中: index.html.erb: 我的js 什么也没发生,我也正在尝试对
1回复

Rails 3如果使用jQuery声明?

我有一个使用此railscast设置的多步Rails 3表单: http: //railscasts.com/episodes/217-multistep-forms,并且我使用了另一个Railscast为我的应用程序实现Stripe付款: http:// railscasts.com/epis
5回复

在Rails中使用jQuery

我打算在Rails中使用jquery而不是原型。 我不确定使用jRails还是使用普通的jquery并远离RJS。 你怎么看待这件事? 编辑:两周后,我发现此http://www.loudthinking.com/posts/32-myth-3-rails-forces-you
1回复

使用jquery $ .ajax的Rails

我是rails的新手(来自PHP)并且在使用ajax提交表单时遇到问题。 基本上,我有一个任务列表,当添加一个新任务时,我希望新任务附加到列表中。 表单本身正在提交,但我无法弄清楚如何附加新条目。 提前致谢! 表格 JS 编辑值得一提的是,这发生在“阶段”的视图中。
1回复

使用jQuery的Rails轮询

我有一个索引页面,其中列出了所有用户及其状态(可用或不可用),每个用户都可以随时更改其状态。 我想做的是实时轮询以显示最新状态。 我已经完成了Jquery轮询功能,并且可以正常工作(使用简单的警报对其进行了尝试,并且每10秒显示一次警报)。 现在,我不知道要在我的index.js.erb文
1回复

jQuery-无法在Rails表单中获得盲目的效果

我正在Ruby on Rails 4项目上工作,我试图在form_for中使用具有盲目效果的jQueryUI方法show 。 这里的问题是我的表单将按预期显示,但效果无法正常工作。 每当我选中该复选框时,最终的div都会出现,但是会以一种怪异的方式出现:首先,它的位置会弹出一些空白区域,一秒