Railsでlightboxが上手く動かない
解決したいこと
Railsでlightboxを動かしたいです。
Ruby on Railsで写真を投稿できるSNSを作っています。
lightboxを一応は実装できたようなのですが、完璧に動いてくれません。
具体的には、1回写真をクリックすると真っ黒な背景に該当の写真が写るだけで、そこから一度戻ってもう一回クリックするとlightboxが動きローディングgifや閉じる×ボタンなどが出てきます。
1回目のクリックでlightboxが動くようにしたいのですが、どなたか解決方法を教えて頂けませんでしょうか。どうぞよろしくお願いいたします。
発生している問題
lightboxが1回目のクリックで動かない。
2回目のクリック↓(上記の状態から一度戻るを押してから、再度写真をクリック)
問題となりそうな部分①(view内でのdata-lightboxの指定)
<a href="<%="/post_image_one/#{@post.id}_one.jpg"%>" data-lightbox="image"><img class='post-img' src="<%="/post_image_one/#{@post.id}_one.jpg"%>"></a>
問題となりそうな部分②(application.js内でのlightbox.jsの読み込み)
require ("../../../vendor/assets/lightbox/js/lightbox-plus-jquery")
問題となりそうな部分③(application.css内でのlightbox.cssの読み込み)
*= require 'lightbox'
### 自分で試したこと
色々と試したのですが、行き詰っております。もしどなたか解決方法をご存知の方がおりましたら、ご教示頂けませんでしょうか。どうぞよろしくお願いいたします。
0