2017-05-19 3 views
0

레일에서 부트 스트랩 모달에 문제가 있습니다. 이미지를 클릭 할 때 모달을 표시하려고합니다. 실제로 모달이 표시되지만 몇 초 동안 만 표시됩니다. 그런 다음 모달이 닫힙니다.부트 스트랩 모달이 레일에서 사라짐 4

(I 부트 스트랩-말대꾸 보석을 사용하고 있습니다) 입니다 코드 나는이 : 내가 잘못 뭐하는 거지

<%= link_to image_tag (destacado.imagen.small), data: {toggle: "modal", target: "#myModal"} %> 


      <!-- Modal --> 
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
       <div class="modal-dialog" role="document"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
        <h4 class="modal-title" id="myModalLabel">Modal title</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> 
      </div> 

어떤 생각을? 어떤 도움을 주셔서 미리 감사드립니다! Peyu

+0

다음을 살펴보십시오. http://stackoverflow.com/questions/15152486/how-to-add-bootstrap-modal-with-link-to-so-the-link-content-openin -modal –

+0

나는 이미 그걸 시험해 봤고 단순한 링크에서는 잘 작동하지만 이미지를 클릭해도 작동하지 않는다. – Peyu

답변

1

link_to이 페이지를 리디렉션 할 것으로 생각됩니다.

많은 정보가 제공되지 않으므로 이는 제 추측입니다.

링크를 data-toggle 동작으로 설정하려면 링크가 아니어도되고 image_tag의 메시지가 data-toggle 일뿐입니다.

관련 문제