Q&Arails 6.1.0
railsアプリ内にてjQuery File Upload プラグインを使用するため、jQueryUIを入れようとしてます。
CDNで指定しました。
html
1 <!-- jQuery UI --> 2 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 3 <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> 4 5 6 </head> 7 <body>
ちゃんと読めてるかブラウザで確認すると失敗してました。
console.log($.ui.version); VM107:1 Uncaught TypeError: Cannot read property 'version' of undefined at <anonymous>:1:18
ついでにjQuery本体も読込確認するとこちらは読み込めてました。
console.log($.fn.jquery); VM112:1 3.5.1
jQuery本体はyarnでインストールしてるのを思い出し、
jQueryUIもCDNではなくyarnからインストールしてみました。
yarn add jquery-ui
インストールできたようで、alertすると内容が出力されました。
\app\javascript\packs\application.js
javascript
1var jQueryUI = require('jquery-ui') 2global.$.ui = global.jQuery.ui = jQueryUI; 3window.$.ui = window.jQuery.ui = jQueryUI; 4alert(jQueryUI);
ところが、ブラウザのconsoleで確認すると相変わらずエラーになります。
console.log($.ui.version); VM661:1 Uncaught TypeError: Cannot read property 'version' of undefined at <anonymous>:1:18
インストールは出来たが、認識してないという状況でしょうか？
javascript詳しくないのですが、なぜ
$.uiでは参照できないのでしょう？
回答1件
0
自己解決
var jQueryUI = require('jquery-ui/ui/widgets/datepicker')
という風に具体的にモジュールまで指定してあげると、
バージョンは返りました。
console.log($.ui.version); VM813:1 1.12.1
使い方としてこれで正しいのか、いまいちよく分からないのですが。
投稿2021/06/17 21:45
編集2021/06/17 21:46
総合スコア592
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。