티스토리 뷰

jquery 달력 사용 시 clone등을 통해 다이나믹하게 컨트롤 할 경우 문제가 많다.

아래처럼 해당 속성을 완벽하게 지워줘야 한다.

destroy후 아래처럼 기존에 남아있는 속성들을 전부 지워줘야 한다.

ID가 있는경우 removeAttr(id)를 이용해 id도 지워주자.


var clone = $(this).clone();

     clone .find('.startDate').siblings('.ui-datepicker-trigger,.ui-datepicker-apply').remove();

     clone

       .removeClass('hasDatepicker')

       .removeData('datepicker')

       .unbind()

 .datepicker();


특히 굵게 처리된 부분을 찾지 못해서 이미지가 두개씩 뜨는 삽질을 할 수도 있다.


2014.04.11 추가

아래처럼 hasClass를 확인하여 완벽하게 datepicker속성을 날려버린 후 재사용하자

       if($(this).hasClass('hasDatepicker') == true) {

            $(this).siblings('.ui-datepicker-trigger,.ui-datepicker-apply').remove();

            $(this)

            .removeAttr('id')

            .removeClass('hasDatepicker')

            .removeData('datepicker')

            .unbind();

       }

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함