jQueryプラグイン「Luminous」が作動しない件について

現在、Rails + jQueryのwebアプリケーションを作っており、その中でLuminousというプラグインを使っているのですが作動せずに困っています。もし解決法をご存知の方がいらっしゃいましたら教えていただきたいです。

前提条件

こちらを参考にmicroposts#indexで複数枚画像の拡大表示をしたい
app/assets/javascripts配下にLuminous.min.jsファイルを配置
app/assets/stylesheets配下にluminous-basic.min.cssファイルを配置

app/assets/javascripts/application.js

//= require rails-ujs
//= require jquery
//= luminous.min
//= require turbolinks
//= micropost
//= require_tree .

app/assets/stylesheets/application.scss

@import 'luminous-basic.min';

app/assets/javascripts/micropost.js

var luminousTrigger = document.querySelectorAll('.luminous');
if( luminousTrigger !== null ) {
  new LuminousGallery(luminousTrigger);
}

micropost#index

@photos.each do |photo|
  = link_to photo.url, class: 'luminous'
    = image_tag photo.url

m.ts10806

2019/02/23 00:32

ブラウザ開発ツールコンソールにエラーが出ていないか確認してください

退会済みユーザー

2019/02/25 04:55 編集

説明不足で申し訳ございません。コンソールには特にエラーは出ておらず、おそらくjsファイルの読み込みができていないのかなと思っています。

Lhankor_Mhy

2019/02/25 04:29

Rails や Ruby タグを外しているのは、「問題はjavascript側に限定されている」とご判断されているからですか？

退会済みユーザー

2019/02/25 04:32

プラグイン周りだったのでJSタグにしました。おそらくプラグインの読み込みかJS周りに問題があると考えています。

Lhankor_Mhy

2019/02/25 04:34

Rails は全然わからないのですが、「プラグインの読み込み」機能はJavaScriptで提供されているのですか？

退会済みユーザー

2019/02/25 04:40

例えば普通の静的なアプリにプラグインを組み込む時、jQueryの記述とプラグインのファイルなりCDNなりで読み込むと思います。それをRailsアプリでも実現したく、そこの読み込み部分で詰まっていると思い質問させていただきました。

Lhankor_Mhy

2019/02/25 04:41

失礼しました。言い方がイヤミでしたね。 https://qiita.com/shizuma/items/1980bf885906c73238b6 ↑このあたりの文書を読んだのですが、「プラグインの読み込み」に問題があるなら、Rails で利用するファイルの記述に問題があるのではないかな、と感じています。タグを追加された方が解決が早いのではないかと。

退会済みユーザー

2019/02/25 04:43

ありがとうございます

Lhankor_Mhy

2019/02/25 04:44

なるほど…… では、Rails が全くわからないなりに、JavaScript でありそうな問題を申し上げます。 micropost.js はロードイベントを待って実行されていますか？

m.ts10806

2019/02/25 04:47

画像は外部サービスよりも質問本文に提示していただけると助かります。

m.ts10806

2019/02/25 04:50

＞質問本文に提示して勘違いさせてはいけないので言いなおすと、「質問本文の画像アップロード機能」を利用して　です。