読者です 読者をやめる 読者になる 読者になる

GeekFactory

int128.hatenablog.com

Knockout.js で Drag and Drop

Knockout.js で jQuery UI の Draggable and Droppable を利用する方法を説明します。まず、新しい binding を定義します。 draggable binding 初期化時に $(element).draggable() を実行し、要素をドラッグ可能にする。 droppable binding 初期化時に $(ele…

入れ子になっている要素のイベント処理を制御する

Knockout.js を使う場合に、入れ子になっている要素のイベントを上手く制御する方法について書きます。公式ドキュメントに記載されている典型的なパターンですが、混乱しやすいのでまとめてみました。 やりたいこと 以下のHTMLを考えます。 <div class="task"> <input type="checkbox" /> <span class="title">温泉を予約する</span> <div class="notes"></div></div>…