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

Question

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

这是我的html.erb

<%= form_for(@reserva) do |f| %>
    <% if @reserva.errors.any? %>
      <div id="error_explanation">
        <h2><%= pluralize(@reserva.errors.count, "error") %> prohibited this reserva from being saved:</h2>
             <ul>
                <% @reserva.errors.full_messages.each do |msg| %>
                  <li><%= msg %></li>
                <% end %>
            </ul>
     </div>
    <% end %>
     <div class="span12 field-box">
        <%= f.label :cliente_id %>
        <% clientes_array = Cliente.all.map { |cliente| ["#{cliente.nombre} #{cliente.apellido}", cliente.id] } %>
        <%= f.select(:cliente_id, options_for_select(clientes_array)) %>
    </div>
    <div class="span12 field-box">
        <label >Cliente Nuevo?</label>
        <%= check_box_tag 'con_cliente', 'ClienteNuevo', false %>
    </div>

    <div id="cliente_form">
        <%= f.fields_for :cliente, @cliente do |cliente_builder| %>
                  <div class="span12 field-box">
                    <label>Nombre:</label>
                    <%= cliente_builder.text_field(:nombre, class: "span9") %><br />
                </div>

此处的javascript：

<script type="text/javascript">
      $(document).ready(function(){
        $("#cliente_form").hide();
        $("#con_cliente").bind('change', function(){
            if($(this).is(':checked')){
                $("#cliente_form").show("blind");
            }
            else{
                $("#cliente_form").hide("blind");
            }
        });
      });
    </script>

有任何想法吗？

Answer 1

最后，我解决了这个问题，问题是引导程序和jquery-ui之间存在冲突，并且效果无法按预期出现。