2013-06-01 2 views
0

아래 코드를 사용하여 테이블에 행을 추가하면 완벽하게 작동합니다.Jquery 코드 내부에서 자바 스크립트 함수 호출

$(document).ready(function() { 
    $("#tr_clone_add").click(function(){ 
     $('#listuser > tbody').after(
      '<tr><td><input type="text" class="tcal" readonly="true" path="date_debut"/></td></tr>' 
     ); 
    }); 
}); 

나는 Tigra Calendar을 이용하고 있고 그래서 달력/날짜 선택기를 표시해야합니다 입력 class="tcal"에게 준 명령을 다음과 같습니다. 그러나 캘린더가 나타나지 않고 간단한 입력 필드 만 얻습니다. 캘린더를 표시하려면 어떻게합니까?

내가 달력 호출하는 방법입니다

<link rel="stylesheet" type="text/css" href="tcal.css" /> 
<script type="text/javascript" src="tcal.js"></script> 
+0

** 거의 ** 읽을 수 있고 이해할 수 있습니다. 'on '을 사용하면, 이것이 문제라고 생각합니다. – gdoron

+0

나는 이렇게 ... 당신의 문장은 구글 번역이나 비슷한 것으로부터 나온 것 같습니다. – gdoron

+1

jquery ui의 datepicker를 의미합니까? '.ready()'의 시작 부분에'$ (". tcal"). datepicker();'를 넣으십시오. –

답변

2

것 같습니다를이 작업이 달력 라이브러리가 기대되어 있지 않기 때문에 왜, http://www.softcomplex.com/products/tigra_calendar/

첫째 이유를 Tigra 호텔 캘린더를 사용하고 같은 페이지가 완전히로드되고 처음로드 된 후에 다른 요소가 페이지에 추가되지 않습니다.

둘째 요소를 추가 한 후 f_tcalInit()을 호출하여 일정을 다시 초기화하여 수정할 수 있습니다. 좋아요 :

$(document).ready(function() { 
    $("#tr_clone_add").click(function(){ 
     $('#listuser > tbody').after('<tr><td><input type="text" class="tcal" readonly="true" path="date_debut"/></td></tr>'); 
     f_tcalInit(); 
    }); 
}); 
+0

감사합니다. @Marc, 문제가 해결되었습니다. – Somar

관련 문제