jqueryが動作しない

環境：ruby on rails 6.0.3
検証ツールとかを見てもエラーとかは出ておらず、動作しているということも確認できません。
検証ツールのSourceには下記のソースは記載されているので動作すると思っていたのですが、エラーもないので正直どうすればいいのかわかりません。

js
1$(function() {
2    $('input[id="page_page_div_お問い合わせ"]').change(function() {
3        var val = $(this).val();
4        if (val == 1) {
5            $("#contact_title").prop('disabled', true);
6        }
7    });
8});

view
1<div>
2  <%= form.radio_button :page_div, :お知らせ, checked: "checked" %>
3  <%= form.label :お知らせ, class: "page_div_label" %>
4</div>
5<div>
6  <%= form.radio_button :page_div, :プライバシーポリシー %>
7  <%= form.label :プライバシーポリシー, class: "private_label" %>
8</div>
9<div>
10  <%= form.radio_button :page_div, :利用規約 %>
11  <%= form.label :利用規約, class: "page_div_label" %>
12</div>
13<div>
14  <%= form.radio_button :page_div, :お問い合わせ %>
15  <%= form.label :お問い合わせ, class: "page_div_label" %>
16</div>
17  <%= form.text_field :title, id: 'contact_title' %>

maisumakun

2020/07/08 04:47

・JavaScriptはどのファイルへ書き込みましたか？・JavaScript内のIDは間違いないですか？

m.ts10806

2020/07/08 04:47

指定のidは存在するのでしょうか。まず、全角文字使うのやめたほうが良いかと思いますが・・

yambejp

2020/07/08 04:56

HTMLは生のHTMLで書いた方がより多くの回答が期待できます。

Masashige1005

2020/07/08 05:47

maisumakunさん javascriptはapplication.jsに書き込みました。IDは検証ツールから確認したIDを使用しております

Masashige1005

2020/07/08 06:00

m.ts10806 指定のIDは検証ツールで確認したIDを使用しております。

maisumakun

2020/07/08 06:02

> javascriptはapplication.jsに書き込みました。 application.jsの位置はどこですか？

Masashige1005

2020/07/08 06:06

maisumakun app/javascript/packs/application.jsです

maisumakun

2020/07/08 06:09

jQuery本体はどのように読み込んでいますか？

Masashige1005

2020/07/08 06:14

maisumakun require('jquery')を記載しております。

maisumakun

2020/07/08 06:18

そのページ上でリロードしてからJavaScriptの動作を確認すると、どのように動作しますか？

Masashige1005

2020/07/08 06:26

特にエラーなどは起こっていません。javascriptの動作も特に何も動作していません。コードの間にconsole.logで出力しているのですが、コンソール上では無反応なのでなぜ動かないのかよく分からないです。

maisumakun

2020/07/08 06:29

application.jsはビュー側から呼び出していますか？

Masashige1005

2020/07/08 06:34

すみません、先程確認したらif (val == 1)のところまではコンソールログで出力されているのを確認しました。

AMK

2020/07/08 06:45

if (val == 1)　の上までコンソールログが出ているのか？の↓のログが出ているのか？で意味合いがかなり変わります。私の回答したコードで１だけなのか？１２３なのか？１３なのか？でそのあたりを明確に回答してください。

AMK

2020/07/08 06:47

console.log(val);の値は正常な値でしたか？

Masashige1005

2020/07/08 07:03

AMK 先程確認したら、if(val==1)がおかしかったみたいなので修正したら通るようになりました。

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

回答2件

ベストアンサー

エラーが出ない時は下記のように
適当なところでログを表示させてどこまでちゃんと動いているか？
また、その時の変数の内容は意図したとおりか？を確認すと解決の糸口を
見つけることができますよ。

JS
1$(function() {
2    $('input[id="page_page_div_お問い合わせ"]').change(function() {
3        var val = $(this).val();
4console.log(val);
5console.log("1");
6        if (val == 1) {
7console.log("2");
8            $("#contact_title").prop('disabled', true);
9        }
10console.log("3");
11    });
12});