Q&A
発生している問題・エラーメッセージ
monacaでcanvasを使用したツールを作りたいと思い、操作を楽にするためにjQueryを導入しようとしています。
しかし、JS/CSSのコンポーネントにjQueryを追加しても、jQueryの公式サイトからjqueryの最新バージョンのjsファイルを直接ダウンロードしても、読み込めていないのか動作せず困っています。
エラーメッセージ↓
Uncaught TypeError: $(...).HTML is not a function at HTMLDocument.<anonymous> (main.js:7) at e (loader.js:1421) at t (loader.js:1421)
該当のソースコード
index.html
HTML
1<!DOCTYPE HTML> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> 7 <script src="components/loader.js"></script> 8 <script src="js/main.js"></script> 9 <link rel="stylesheet" href="components/loader.css"> 10 <link rel="stylesheet" href="css/style.css"> 11</head> 12<body> 13 <canvas width="" height=""></canvas> 14 <span id="debug"></span> 15</body> 16</html>
main.js
javascript
1window.onload = function(){ 2 //document.getElementById("debug").innerHTML = "<br>Hello, World" 3 //$("#debug").HTML("<br>a"); 4 /*$("#canvas").get(0).width = $(window).width(); 5 $("#canvas").get(0).height = $(window).height();*/ 6 $(function(){ 7 $("#debug").HTML("<br>a"); 8 }); 9};
JS/CSSコンポーネントの設定
試したこと
JS/CSSコンポーネントの設定からjQueryを削除して、jQuery公式サイトからjquery-3.6.0.min.jsをダウンロードしてheadタグ内に
HTML
1<script src="jquery-3.6.0.min.js"></script>
を記入しましたが、解決しませんでした。
main.jsは問題なく呼び出されてはいます。
$(function(){...});の部分をwindows.onloadの外側に出したりなどしましたが、一切動作しません。
補足情報
OS:macOS BigSur
ブラウザ:Google Chrome
IDE:monaca クラウドIDE
テンプレート:最低限のテンプレート(OnsenUIなどは一切なし)
回答1件
0
ベストアンサー
$(...).HTML is not a functionというエラーメッセージのとおりで、大文字のHTMLというメソッドはありません。
小文字のhtmlです（jQuery公式）。
投稿2021/06/23 12:20
総合スコア145184
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/06/23 13:02