Jquery UI Datepicker追加/削除

Question

div表示に日付を設定し、クリックすると日付ピッカーとボタンを配置しようとしています。ボタンをクリックすると、datepickerの値がdivに戻されます。

This fiddleは基本的に私が欲しいものを示しています。しかし、divがアクティブなdivでなくなったときに、コメントアウトされた最後の行をアクティブとしてマークするクラスを削除します。そうすることで、datepickerはremoved at allにならなくなります。

どういうところが間違っていますか？

Answer 1

問題は、保存ボタンが.testdivの子であるため、その上のクリックイベントが泡立ち、.testdivクリックハンドラを再度トリガすることです。何が起こっているのは、保存ボタンと日付ピッカーが削除されてすぐに再追加されることです。

これは、event.stopPropagation();を保存ボタンクリックハンドラに追加することで解決します。

現在のアクションでそれを見ることができます。

http://jsfiddle.net/Ee6ku/1/は、私はあなたがevent.stopPropagation();行をコメントアウトする場合にトリガばかり見ることができるハンドラをクリックしtestdivにログステートメントを追加しました。