[RUBY-ON-RAILS] 어떻게 모달 오픈 링크의 콘텐츠 그래서 LINK_TO으로 부트 스트랩 모달을 추가?

어떻게 모달 오픈 링크의 콘텐츠 그래서 LINK_TO으로 부트 스트랩 모달을 추가?

나는 모달에서 링크를 엽니 다 부트 스트랩 모달 http://twitter.github.com/bootstrap/javascript.html#modals가 레일에 사용 링크를 시도하고있다

<%= link_to page_path, target: '_blank' %>

그러나 어떻게 든 그것은 작동하지 않습니다. 표준 토글 코드는 -

<a data-toggle="modal" href="#myModal" class="btn">Launch demo modal</a>

그러나 나는 확실하지, 레일에 LINK_TO에 어떤 도움을 적용하는 방법입니까?

감사

해결법

1. ==============================

   1.당신이 숨겨진 상태에서 페이지의 모달을 미리로드하려면 다음 코드입니다

   당신이 숨겨진 상태에서 페이지의 모달을 미리로드하려면 다음 코드입니다

   <%= link_to "Open modal", "#my-modal", :class => "btn", "data-toggle" => "modal" %>
   <div class="modal hide fade" id="my-modal" title="My modal">
     <div class="modal-header">
       <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
       <h3 id="myModalLabel">Modal header</h3>
     </div>
     <div class="modal-body">
       Modal Body
     </div>
     <div class="modal-footer">
       <button aria-hidden="true" class="btn" data-dismiss="modal">Close</button>
     </div>
   </div>
   

   당신이 아약스를 통해 모달를로드 할 경우 그리고 당신은 이런 식으로 뭔가를 할 수

   <%= link_to "Open modal", new_post_path, :class => "btn", :remote => true, "data-toggle" => "modal", "data-target" => "my-modal" %>
   <div class="modal hide fade" id="my-modal" title="My modal">
     <div class="modal-header">
       <button aria-hidden="true" class="close" data-dismiss="modal" type="button">×</button>
       <h3 id="myModalLabel">New Post</h3>
     </div>
     <div class="modal-body a-unique-class">
       New Post Body
     </div>
     <div class="modal-footer">
       <button aria-hidden="true" class="btn" data-dismiss="modal">Close</button>
     </div>
   </div>
   

   게시물에 / new.js.erb 당신은 포함 할 것

   $(".a-unique-class").html('<%= j render "posts/_form" %>')
   

   당신이 모든 모달 몸에 대한 고유 ID 또는 클래스가 있는지 확인합니다.

   당신이 모달 폼을 사용하여 새 게시물을 작성하려면 가정하면, 컨트롤러 코드와 _form.html.erb이 자리에

2. ==============================

   2.레일의 데이터 속성을 추가 할 수있는 예쁜의 방법이있다. 동일한 결과를 얻을 수 같은 것을 할 수 있습니다.

   레일의 데이터 속성을 추가 할 수있는 예쁜의 방법이있다. 동일한 결과를 얻을 수 같은 것을 할 수 있습니다.

   <%= link_to 'Click Here', "#", data: {toggle: "modal", target: "#modal"} %>
   

3. ==============================

   3.위의 benchwarmer의 대답에 구문 오류가 있습니다.

   위의 benchwarmer의 대답에 구문 오류가 있습니다.

   대신이 시도 :

   $(".a-unique-class").html('<%= j render "posts/form" %>')
   

from https://stackoverflow.com/questions/15152486/how-to-add-bootstrap-modal-with-link-to-so-the-link-content-open-in-modal by cc-by-sa and MIT license