コールバック関数が分からない。

Question

jQueryの勉強中でコールバック関数がよく分かりません。
色んな記事を参考にsetTimeoutのコールバック関数を作った際は、引数に秒数を与えるだけで実装できたので分かりやすいのですが、
cssメソッドでコールバック関数を作ろうとした際なぜ動かないのか分かりません。
下記の内容です。

  $("#q1").on('click', function() {
    colorCSS($(this), red);
  });

  function colorCSS($target, type) {
    $target.css("color", type);
  };

<div class="btn" id="q1">ボタン</div>

Answer 1

なぜ動かないのか分かりません。

ブラウザのコンソール（[F12]キーで表示）を確認してみて下さい。エラーが出ているかと思います。

jQuery の css() メソッドで色を指定する場合は "red" のように文字列で色名を指定する必要があります。
以下に変更して試してみて下さい

//colorCSS($(this), red);
colorCSS($(this), "red");

＜参考＞
■ jQuery【 CSS 】colorとfontを変更するサンプル
https://programmercollege.jp/column/9524/

Comments

[nika_nika]

参考資料までありがとうございます！
確かにコンソールでredが見つかりませんというエラーになっておりました。
解決できました。ありがとうございます。