2017-05-19 18 views
0

レール4のブートストラップモーダルに問題があります。画像をクリックするとモーダルを表示しようとしています。そして、実際にはモーダルが表示されますが、数秒間しか表示されません。 これは私が持っているコードですブートストラップモーダルがレールに表示されない4

を(私は、ブートストラップ-SASS宝石を使用しています):

<%= 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_tagdata-toggleの動作です。

関連する問題