첫 번째로드 후 jQuery datePicker for ajax 콘텐츠가 실패합니다.

Question

모달 대화 상자를 생성하는 스크립트가 있고 그 안에 jquery ui datepicker를 넣으려고합니다. 잘 나는 대화 상자를 열고 '날짜 선택기'ID를 할당 된 입력 상자를 클릭 처음 작동

$('#datepicker').live('click', function() { 
    $(this).datepicker({showOn:'both'}).focus(); 
}); 

: 저는 현재 다음과 같은 코드를 사용하고 있습니다.

문제는 DOM에서 해당 마크 업을 제거한 대화 상자를 닫은 후 다시 열면 해당 문제가 더 이상 작동하지 않는다는 것입니다.

$ ('# datepicker')를 호출 해 보았습니다. 대화창을 닫은 다음 die를 다시 열면 #datepicker 입력에 다시 바인딩되지만 die()도 작동하지 않습니다.

나는 정말이 문제에 난처합니다. 어떤 통찰력이라도 대단히 감사하겠습니다.

Answer 1

내 생각에 DOM에서 트리거 요소를 제거하는 것이 문제입니다. 왜 그냥 hide 귀하의 모달 창 다음 show해야 할 때? 나는 그것이 귀하의 문제를 해결할 것이라고 믿습니다.

Answer 2

DOM에 #datepicker가 한 번만 있었지만 ID 대신 클래스 ('#datepicker'대신 '.datepicker')를 사용하여 문제가 해결되었습니다.

그 외에도 .datepicker 클래스가 추가 된 숨겨진 입력이있는 경우에만 작동합니다.

그래서 그것은 그것을 고친 두 가지 제안의 조합이었습니다.

두 분 모두 도와 주셔서 감사합니다.

Answer 3

오늘 도움이되었습니다. 나는 똑같은 문제가 있었다. 같은 요소를 대화 상자에서 ID로 다시 초기화했습니다. 처음에는 대화 상자를 가져 와서 작동 시켰습니다. 그 후에는 그렇지 않을 것입니다. 그래서, 단지 datepicker 클래스를 실행하면 $(".datepicker").datepicker()을 실행 한 후에, 대화 상자를 다시 열 때마다 문제가 해결되었습니다.

는 스타일 시트 즉이 클래스를 넣어 기억 :

.datepicker {}