代码之家  ›  专栏  ›  技术社区  ›  D T

为什么引导模式不能在Rails 5上显示?

  •  0
  • D T  · 技术社区  · 8 年前

    1.索引代码。html。雇员再培训局:

    <%= link_to 'Add release', new_release_articles_path,  {:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'}  %>
    <div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
    <p>Hoc javascript</p>
    
    1. 控制器代码:
     def new_release
          respond_to do |format|
            format.html
            format.js
          end
        end
    
    1. 新发布的代码。js。雇员再培训局
    $('#modal-window').html("<%= j render 'blorgh/articles/new_release'%>");
    $('#modal-window').modal();
    
    1. 新发布的代码。html。雇员再培训局
    <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
       <h3 id="myModalLabel">Modal header</h3>
     </div>
     <div class="modal-body">
       **here comes whatever you want to show!**
     </div>
     <div class="modal-footer">
       <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
       <button class="btn btn-primary">Save changes</button>
     </div>
    
    1. 应用js
    //= require rails-ujs
    //= require jquery
    //= require bootstrap
    //= require jquery_ujs
    //= require turbolinks
    //= require_tree .
    
    1. 结果点击链接添加发布: enter image description here
    1 回复  |  直到 8 年前
        1
  •  2
  •   fool-dev    8 年前

    看看这个

    //= require rails-ujs
    //= require jquery
    //= require bootstrap
    //= require jquery_ujs
    //= require turbolinks
    //= require_tree .
    

    你不需要 rails-ujs 如果你使用 jquery_ujs 所以你可以移除这个 //= require rails-ujs 从这里开始,按命令做

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

    你可以考虑一个 rails ujs jquery_ujs ,更改此选项后,请重新启动服务器

    根据评论更新

    使用 tabindex="-1" div模态窗口