2015-09-27 66 views
0

在我的Rails应用程序中显示部分div的切换操作仅在刷新页面时才有效。如果我点击一个链接到页面,所有的切换已经打开,不会对点击做出反应。任何帮助将不胜感激!此外,如果任何人有关于如何用水豚进行测试的提示,那就太好了。jquery只适用于刷新页面以切换为rails应用程序

这在我的应用程序/资产/ JavaScript的

$(document).ready(function(){ 
    $(".donation-time").hide() 
    $(".donation-candidate").on("click", function(event){ 
    $(this).siblings().first().toggle(); 
    $("span", this).toggleClass("glyphicon-chevron-right glyphicon-chevron-down"); 
    }) 
}) 

这是我的部分为所使用的视图,并且它是是完全开放的,可见的是点击后看到的一部分,而不是仅仅是.donation候选到页面。

<div class="donation-candidate"> 
    <h3><span class="glyphicon glyphicon-chevron-right"></span> <%= candidate_issue.name %></h3> 
    <div style="margin-left: 32px;"><h4><%= candidate_issue.stance %></h4></div> 
</div> 


<div class="donation-time"> 
    <div style="margin-left: 32px;"> 
    <%= form_for Donation.new, url: donations_path do |f| %> 
     <%= f.label :amount %> 
     <%= f.hidden_field :candidate_issue_id, value: candidate_issue.id %> 
     <%= f.number_field :amount, in: 1.0..2700.0, step: 1.0 %> 
     <%= f.hidden_field :issue_id, value: candidate_issue.issue_id %> 
     <%= f.submit "Donate" %> 
    <% end %> 
    </div> 
</div> 

第一次使用jQuery或JavaScript,所以不太确定在哪里看。如果您有关于如何使用水豚进行测试的提示,那就太好了。我在场景中包含了js:true,并将selenium作为宝石,但我不知道如何点击打开div,因为它显然不是按钮或链接。谢谢!

+0

默认你在哪里把'

1

您使用的是turbolinks吗? $(Document).ready()需要与turbolinks解决方法,如本文所述use document ready with turbopinks

+0

是的!谢谢!这样可行。有关如何使用水豚/硒测试div内容的任何提示?并感谢@汤姆 - 沃波尔(同样的问题解决了)。 – tinydancer

相关问题