前提・実現したいこと
railsのアプリケーションでスマートニュースやグノシーのような、スワイプタブ切替機能を実装したいと思っています。
参考記事に合わせて、jQueryのプラグインbxSliderを読み込んで、common.jsでイベントを指定しています
しかし、bxSliderが読み込めていません。
発生している問題・エラーメッセージ
jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3819 jQuery.Deferred exception: $(...).bxSlider is not a function TypeError: $(...).bxSlider is not a function at HTMLDocument.<anonymous> (http://localhost:3000/assets/common.self-baf0e50fd23769d585e94bf678276fa5fab93867ae3de32f8dfbb963ceea6b5a.js?body=1:17:29) at mightThrow (http://localhost:3000/assets/jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3535:29) at process (http://localhost:3000/assets/jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3603:12) undefined jQuery.Deferred.exceptionHook @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3819 process @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3607 setTimeout (async) (anonymous) @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3641 fire @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3269 fireWith @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3399 fire @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3407 fire @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3269 fireWith @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3399 ready @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3879 completed @ jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3889 on_content_end.js:54 on_content_end ==>response to loadPagePattern, href=http://localhost:3000/coupons, pattern.id=undefined jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3828 Uncaught TypeError: $(...).bxSlider is not a function at HTMLDocument.<anonymous> (common.self-baf0e50fd23769d585e94bf678276fa5fab93867ae3de32f8dfbb963ceea6b5a.js?body=1:17) at mightThrow (jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3535) at process (jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:3603)
該当のソースコード
ruby
1application.js 2//= require rails-ujs 3//= require activestorage 4//= require jquery 5//= require jquery_ujs 6//= require jquery.turbolinks 7//= require turbolinks 8//= require jquery.bxslider.min 9//= require_tree . 10//= require cocoon
ruby
1Gemfile 2 3gem 'jquery-rails' 4# use jquery-turbolinks 5gem 'jquery-turbolinks' 6
補足情報(FW/ツールのバージョンなど)
common.jsはapplication.jsと同じディレクトリにあります。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。