Jquery UI Datepicker добавить / удалить

Question

Я пытаюсь сделать так, чтобы div отображал дату, а когда она нажата, чтобы добавить указатель даты и кнопку. Когда кнопка нажата, значение указателя даты возвращается в div.

Эта скрипка показывает в основном то, что я хочу. Однако, когда div больше не является активным div, я хочу удалить класс, помечающий его как активный с закомментированной последней строкой. И таким образом предотвращает удаление DatePicker .

Что не так?

Answer 1

Проблема в том, что кнопка сохранения является дочерней по отношению к .testdiv, поэтому событие щелчка на ней всплывает, вызывая повторный запуск обработчика нажатия .testdiv.Происходит следующее: кнопка сохранения и указатель даты удаляются, а затем немедленно добавляются.

Это исправляется добавлением event.stopPropagation(); в обработчик нажатия кнопки сохранения.

Вы можете увидеть этов действии здесь: http://jsfiddle.net/Ee6ku/1/

Я добавил оператор лога в обработчик кликов testdiv, который вы можете увидеть, если сработает, если вы закомментируете строку event.stopPropagation();.