カテゴリー: Jquery

新しいことを覚えるのには古いことを忘れて・・・っていうことにはいかないのでメモをします。

今回は、「JavaScriptの時の変数で複数行指定したいときの方法」。些細な事ですがなんだっけ～って多言語で開発していると忘れます・・・。年かな・・・？

 

↓こんなんで可能です。

var 変数名 = `ここに記述
ここに記述（2行名）
・・・・
最後の行 `;

 

 

すぐに忘れちゃうのでメモです。

 

■ModalをClickイベントで開く場合

$(document).on('click','クラス名など', function(){
  $('#modalのID').modal('show');
});

 

メモすると大したことないんですがなんだっけなって・・・・。

ついでに閉じたときにイベントを発動させる場合

$('#modalのID').on('hidden.bs.modal', function () {
  alert("とじたよ");
});

イベント名	概要
show.bs.modal	Modaldialogを開くshowメソッドを呼び出した時に発動するイベンド
shown.bs.modal	ModalDialogが完全に表示されたときに発動するイベンド
hide.bs.modal	ModalDialogの閉じるメソッドを呼び出した時に発動するイベント
hidden.bs.modal	ModalDialogが完全に非表示になったときに発動するイベント

テキストの内容を変更したときにJqueryのchangeイベントは発火しないのでその時の対象をメモしておきます。

Changeイベントで発火せるのには

値変更するときにChangeを付ける。

$('#ID名').val('変更値').change();

 

キャッチする側ではchangeで受け取る

$('#ID名').change(function() {
console.log("値変更がありました");
});

 

 

これでできました。

よく使うのですが最近覚える気がないのか忘れていってしまうのでメモを。。。

 

1.クラスの追加

$("適用したい要素").addClass("追加クラス");

 

 

2.クラスの削除

$("適用したい要素").removeClass("削除するクラス");

 

3.クラスがあれば削除、なければ追加

$("適用したい要素").toggleClass("対象のクラス");

 

入力のエラーを出す場合は、「３」の方法でよいかなと思う。いちいち記述するの面倒だし。