2014-10-25 2 views
0

여러 jquery 프로세스 및 datepicker와 관련된 문제가 있습니다. 나는 season_func를 호출하고이 제대로 작동 할 때jquery datepicker 여러 입력

<script type="text/javascript"> 

function season_func(){ 
    var series_season = $("input[name='series_season']").val(); 
    var i; 
    $('.forms').html(''); 
    if(series_season>30){ 
     series_season = 30; 
    } 
    for(i=0;i<series_season;i++){ 
     var newTextBoxDiv = $(document.createElement('div')) 
     .attr("id", 'seasonId' + series_season); 
     newTextBoxDiv.after().html('<label>Sezon #'+ (i+1) + ' Başlangıç Tarihi : </label>' + 
      '<input type="text" class="form-control datepicker" name="textbox' + (i+1) + 
      '" id="textbox' + (i+1) + '" value="" >'); 
     newTextBoxDiv.appendTo(".forms"); 
    } 
} 
</script> 

하는이 입력을 만들 : I 입력을 만들려고하고

동적 그래서 나는 코드를 썼다.

그러나 나는 datepicker를 추가 할 때 datepick을 표시하지 않습니다. 내가이 표시되지 않는 하나 개의 버튼을 추가하는 경우 응용 프로그램이

Works fine when it started

을 시작할 때

<script> 
    $(function() { 
     $(".datepicker").datepicker(); 
    }); 
</script> 

일반적으로, 나는 하나 개의 입력을 만들 수 있습니다.

Doesn't work properly.

베스트 감사합니다.

답변

2

이것을 달성하기 위해 델리게이트 함수를 사용하십시오.

$(document).on('focus', '.datepicker', function() { 
    $(this).datepicker(); 
}); 
+0

친애하는 타밀어를 시도, 그것은 작동합니다. 감사 ! 그러나 입력을 추가 할 때 문제를 이해할 수 없었습니다. 왜 우리가 그것을 사용합니까? 베스트. –

+1

동적으로 생성 된 요소를 html dom으로 만들면 datepicker에 의해 식별되지 않습니다. 따라서 대리인 방식을 사용하십시오. –