Q&A
jqueryでボタンをクリックして色を任意に変える機能をコールバック関数を使用して実装したい
$("#jsi-q6").on("click", function () {
$(this).css("color", "red");
});
$("#jsi-q7").on("click", function () {
$(this).css("color", "blue");
});
[jquery 色を変える コールバック関数]など検索するも解決方法が見つかりませんでした。
コード自体は特に問題はなさそうですが、情報が少ないので以下の部分ご確認ください。
HTML(DOM)の読見込み→ $('#hode').on('click', function() {}) の順になるように書くことで
要素がクリックされたときになにかの処理を行いますが、逆に
$('#hode').on('click', function() {})→HTML(DOM)の読見込み
の順にしてしまうとイベントを設定したい要素がないのに設定してしまう事になり動きません。
(色を変えたい要素(ボタン等)が他の処理で後から追加されている場合も同じ考え方で、要素が追加された後で$('#hode').on('click', function() {})とする必要があります。)
↓参照
$(this).css("color", "blue"); で変更しようとしている「色」は「背景色」ではなく、「文字の色」なので、そこの勘違いが起きているのでは・・・？という印象を受けました。
javascript 側で$("#jsi-q6").on("click", function () {} としてありますが、html側も間違いなく
<input type="button" id="jsi-q6"> のようにid="jsi-q6"で記載されているでしょうか。
↓サンプル
https://jsfiddle.net/czjkLbeq/12/
※開発者ツールからエラー等出ていたらそちらも確認すると繋がりやすいと思いますので、解決しなければご確認ください。
@ConectTheDots314
Questioner
@ConectTheDots314
Questioner
