![](/img/trans.png)
[英]Fire event on checkbox .change() but *after* a checkbox appears checked?
[英]Checkbox change event only fire after reloading page
我正在使用Ruby on Rails编写应用程序,这里有一个表单,如果选中此复选框,它将显示一个特定的<div>
;如果不是,则通过Rails添加style="display:none:"
。 通过Coffeescript和JQuery,我还可以在更改时切换相同的<div>
。
CoffeeScript的:
jQuery ->
$(document).ready ->
$("#hasUser").change ->
$("#userPart").toggle();
return
return
return
HTML:
<div class="form-group">
<%= contato_form.label :hasUser, :class => 'inline-checkbox' do %>
Possui usuário <%= contato_form.check_box :hasUser, :id => 'hasUser' %>
<% end %>
</div>
</div><!-- Closing from uncopied code -->
<div id="userPart" class="findMe" <% if @contato.usuario.id.blank? %> style="display:none;" <% end %>>
<h2> Usuário: </h2>
<div class="container">
<%= contato_form.fields_for :usuario do |usuario_form| %>
<%= render partial: 'usuarios/campos_usuario', locals: {form: usuario_form} %>
<% end %>
</div>
</div>
这里的问题是,当我使用Form来Create
时,一切运行良好,但是在Edit
,Coffeescript仅在重新加载后才能运行。
这是一个涡轮链接问题。 在尝试运行其余代码之前,我必须检查涡轮链接是否已正确加载。
jQuery ->
$(document).ready ->
$(document).on 'turbolinks:load', #Added line
$("#hasUser").change ->
$("#userPart").toggle();
return
return
return
return
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.