如何在部分中放置模態？

Question

我無法得到如何把部分中的模態。請幫幫我 ！

我有按鈕：

<a class="btn btn-large" data-toggle="modal" href="#show_me_modal" 
onclick="printpage()">Name of button<sup>TM</sup> message in action</a> 

和DIV模式：

<div class="modal hide fade" id="show_me_modal"> 
    <div class="modal-header"> 
     <a class="close" data-dismiss="modal">×</a> 
     </div> 
     <div class="modal-body"> 
     <p>some text</p> 

     <ul class="media-grid"> 
     <%= image_tag("/images/pic02.png") %> 
     </ul> 

    </div> 

    <div class="modal-footer"> 
     <b><%= link_to "#", '#' %></b>   
    </div> 
    </div> 

Answer 1

我已經創建ModalHelper一個項目。它有助於動態創建模式和鏈接。希望它可以幫助你：

助手代碼：

創建文件app /傭工/ modal_helper.rb

module ModalHelper 
    def modal(css_id, header_text, hidden = true, &block) 
     content_tag(:div, :class => 'modal', :id => css_id, :style => ("display:none;" if hidden)) do 
      concat modal_header(header_text) 
      concat modal_body(&block) 
     end 
    end 

    def modal_button(link_text, href) 
     modal_caller link_text, href, :button 
    end 

    def modal_link(link_text, href) 
     modal_caller link_text, href 
    end 

    private 

    def modal_caller(link_text, href, type = nil) 
     options = { :"data-toggle" => "modal" } 
     options.merge!({ :class => "btn" }) if type == :button 
     link_to link_text, "#" + href, options 
    end 

    def modal_header(header_text) 
     content_tag(:div, :class => 'modal-header') do 
      concat content_tag(:button, 'x', :class => 'close', :"data-dismiss" => 'modal') 
      concat content_tag(:h3, header_text) 
     end 
    end 

    def modal_body 
     content_tag(:div, :class => 'modal-body') do 
      yield 
     end  
    end 
end 

鏈接模態：

生成鏈接到你的模式。

<%= modal_link('Sign up', "myModal") %> 

渲染模態：

包含要渲染代碼。

<%= modal('myModal', 'Registration') do %> 
    <% render 'devise/registrations/register' %> 
<% end %>