Onsen UIでjQueryが一部動作しないです。

現在、monacaを使ってアプリ開発をしています。tabbarを使って、タブを２つ作り、切り替えられるようにしました。一つ目のタブではjQueryが使えるのですが、もう一つのタブでは全く使えません。HTMLのhead内にjQueryを読み込むファイル、scriptタグでfunctionを書いたのですが、一つ目のみ作動し、二つ目は全く作動しません。

何かアイデアありますでしょうか？
素人質問で申し訳ありませんが、ご教示いただけると助かります。

行動規範の内容に同意します

回答1件

現在のコードがないと正確に答えられません。

本当にjQueryが使えないかを下のコードで試してください

if(typeof jQuery != "undefined"){ //jQueryの読み込み確認
	$(function(){
		alert('jQuery is ready.')
	});
}

もう一度JS/CSSコンポーネントからjQueryの設定を開いてみてください
ダイアログの上部に”読み込むファイルを選択してください jquery”てきなのが出たらjquery.min.jsがチェックされているか確認してみてください。

それでも無理なら、CDNを利用するのも一手だと思います

jQueryHost
1
2<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="crossorigin="anonymous"></script>

GoogleHost
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

MicrosoftHost
1<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script>
2

多分HTMLの全体はこんな感じだと思います

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>

<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script><!--CDN使用時--->

<script src="components/jquery/jquery.min.js"></script><!--フォルダ内-->

<script src="components/main.js"></script><!--普通のJS-->

<link rel="stylesheet" href="css/style.css"><!--CSS-->
<script></script>
</head>

<!--内容-->
<body id="top">
    <div class="contents">

    </div><!--contents-->
</body>
</html>

投稿2020/12/10 07:22