Ruby on Rails引导模式

Question

我正在尝试使用带有Ajax的bootstrap模态，问题是当我单击屏幕时屏幕变暗，但模态永远不会显示。 有任何帮助还是有更好的方法呢？

measure / index.html.erb

 <%= link_to 'Show', measure,remote: true, class: 'static-popup-link'%>
 <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">Loading...</div>

application.js

$(document).ready(function() {

  var clickOnPopupLink = function(){
      $('body').on('click', '.static-popup-link', function(){
      $('#myModal').modal('show');
   });
  }

  clickOnPopupLink();

});

measure_controllers.rb

def show
end

show.js.erb

$('#myModal').html("<%= j render('/measures/modal')%>");

measure / modal.html.erb

<div class="modal-dialog">
  <div class="modal-content">

    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;          </button>
      <h4 class="modal-title" id="myModalLabel"></h4>
    </div>
    <div class="modal-body">
       .........
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
     <button type="button" class="btn btn-primary">Save changes</button>
    </div>

 </div>
</div>

Answer 1

从下面提到的div中删除隐藏类将达到您的目的

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">Loading...</div>