pasos exactos para mostrar el arranque modal en la aplicación de raíles

Question

Parece que no puedo encontrar ninguna respuesta a por qué no se muestra mi modal, por lo que creo que debería verificar los fundamentos. He implementado la siguiente estructura, pero un modal no aparece. Por favor, ayuda

1) página de índice tiene un enlace con una llamada a la acción de edición del controlador

<%= link_to 'Edit business', edit_user_business_path(@u, b), {:remote => true, 'data-controls-modal' => "modal-window", 'data-backdrop' => true, 'data-keyboard' => true, :class => "btn btn-primary ", :id => 'edit_biz'} %> 

2) acción de edición del controlador hace esto (abreviado):

respond_to do |format| 
    format.html {render :edit} 
    format.json { head :ok} 
    end 

3) edit.html .erb se parece a esto:

<div class="modal hide fade" id="modal-window"> 
    <div class="modal-header"> 
    <a href="#" class="close">×</a> 
    <h6>Loading...</h6> 
    </div> 

    <div class="modal-body center"> 

    <h2>Edit business </h2> 
    <%= render 'editbusiness' %> 
    </div> 

    <div class="modal-footer">&nbsp; 
    </div> 
</div> 

4) _editbusiness.html.erb tiene la siguiente

<fieldset> 
<br/> 
<br/> 
<%= form_for @businesses_to_edit, :url => { :action => "edit"}, :class => "form-horizontal" do |biz| %> 
    <p> 
     <%= biz.label :name, :class => "span3"%> 
     <%= biz.text_field(:name, :placeholder => biz.object.name, :class => "span3")%> 
    </p> 

    <p> 
     <%= biz.label :description, :class => "span3" %> 
     <%= biz.text_field(:description, :placeholder => biz.object.description, :class => "span3")%> 
    </p> 

    <br/> 
    <br/> 
    <br/> 
    <div class="form-inline pull-right"> 
     &nbsp;&nbsp;<%= biz.submit "Save", :class => "btn btn-inverse span1", :id => 'edit_biz' %> 
     &nbsp;&nbsp;<%= biz.button "Close", :class => "span1", :id => 'close' %> 
    </div> 

    <% end %> 


    </fieldset> 

5) Y, por último, application.js tiene esto:

//= require jquery 
//= require jquery_ujs 
//= require_tree . 
//= require bootstrap 


$(document).ready(function() { 

$('#modal-window').modal('show') ; 
$('.modal-body').html('<%= escape_javascript(render :partial => "editbusiness", :object => @businesses_to_edit) %>'); 

}); 

Answer 1

Tal vez usted necesita incluir en su application.js esta cadena:

//= require bootstrap-modal