Techioz Blog

Rails 7タッチパンチはモバイルアプリではドラッグできません

概要

モバイルアプリでjqueryスライダーをドラッグできるようにするのに苦労しています。

Gemfile にタッチパンチを追加しましたが、ページをロードするときに次のエラーが表示されます。

タイプ「application/javascript」のファイル「jquery-ui/mouse」が見つかりませんでした

Gemfile:

gem 'jquery-rails', '4.5.1'
gem 'jquery-ui-rails', '6.0.1'
gem 'touchpunch-rails', '1.0.3'
gem 'turbolinks', '5.2.1'
gem 'jquery-turbolinks', '2.1.0'
etc.

jsファイル:

//= require jquery
// require jquery-ui/widgets/slider
//= require jquery.ui.touch-punch

最近Rails 7にアップグレードしたので、それが関係しているかどうかはわかりません。

解決策

私も同じエラーが発生しましたが、gem タッチパンチに必要なもの (マウスとウィジェット) を直接挿入することで解決しました。

スクリプト情報は https://www.cdnpkg.com/jqueryui/file/jquery.ui.mouse.min.js/ から取得しました。

それが役に立てば幸い