채택완료

스크립트 클래스

2018-06-11 (월) 20:37:00 1,921

아래는 동적추가하는 스크립트인데요,,,

이 스크립트의 class="box_date"는 제이쿼리 달력을 띄우려는 겁니다..이게 안되는데

혹시 스크립트에서는 class가 먹히지 않는건가요?

아니면 뭐가 문제가 있는걸까요?

            +'<th><input type="text" name="deposit_date[]" id="deposit_date'+(index+1)+'" value="'+value_arr['deposit_date']+'"  class="box_date" ></th>'

같은 페이지의 

<input type=text name='wr_55' id="wr_55"  value='<?=$write[wr_55]?>' size='10' maxlength='12' class="box date"> 여기서는 달력이 뜨거든요,

|

답변 3개 / 댓글 2개

채택된 답변
+20 포인트

<input type=text name='wr_55' id="wr_55"  value='<?=$write[wr_55]?>' size='10' maxlength='12' class="box date">

가 먼저 인식이 되고,

class="box date" 엘리먼트에 대해 달력을 적용시키는 코드는,

해당 페이지의 로딩 시점에 1회 적용됩니다.

그 이후에 동적으로 생성되는 class="box date" 엘리먼트 에는 적용이 되지 않을 것입니다.

그래서 동적으로 class="box date" 엘리먼트를 생성한다면,

class="box date" 엘리먼트에 대해 또다시 달력을 적용시키는 코드를 또 실행시켜주어야 할 것 같습니다.

답변에 대한 댓글 2개

아 그렇군요,,,
class="box date" 엘리먼트에 대해 또다시 달력을 적용시키는 코드를 또 실행시켜주어야 할 것 같습니다. 제게는 이게 어렵군요,,,
지금 적용된 코드에서,

달력적용 부분이.. 가령..

$('.box_date').~();

으로 적용시키는 거라면..


(동적으로 추가하는 스크립트)

아래에 넣어주면 되지 않을까 합니다.

동적으로 하시기 때문에 실행시기는 jquery 문을 확인해 보세요 

jQuery(".box_date").on("click",  function(){ 형식으로 되어있으면 아래형식으로 변경해 주셔야 합니다.

jQuery("body").on("click", ".box date", function(){

});

답변을 작성하려면 로그인이 필요합니다.