子 div を含む jQuery UI の選択可能な div に問題があります。具体的には、選択したハンドラー内にブレークポイントを設定するまで、子 div は選択されません。
私はJS Fiddleで複製をまとめました:
動作を表示するには:
- 「クリックしてください」ボタンを数回クリックします。
- 黒と緑の四角をクリックします
- メイン div の ID (0、1、2 など) は出力されますが、子 div (test0、test1 など) は出力されないか、緑をクリックしたときに一貫性がないことに注意してください。
- この行にブレークポイントを設定します
$("#log").append("<span>" + $(ui.s....
- 選択可能なものごとに 1 回ずつ、2 つのイベントが確実に発生することに注意してください。
JQuery Selectableの API ドキュメントを確認しましたが、この動作に影響を与えるオプションは見当たりません。