페이지에 동적으로 여러 개의 jquery 사용자를 추가합니다.

Question

jquery-ui에서 하나의 날짜 선택 도구로 처음로드되는 양식이 있습니다. 사용자는 추가를 클릭하여 더 많은 날짜를 추가 할 수 있습니다. 이 새로운 날짜 필드는 DOM에 추가해야하지만 분명히 그렇지 않습니다. .live() 또는 .bind()를 사용할 필요가 있거나 사용해야한다는 것을 알고 있지만이 작업을 수행하는 가장 좋은 방법은 약간의 문제가 있습니다. 아래 코드는 내가 가지고있는 코드이다. 어떤 아이디어에 감사드립니다.

 // add a formfield 
    function addFormField() { 
     var id = document.getElementById("DateID").value;      

     // add date form to page 
     $("td#dateDiv").append("<p id='row" + id + "'> Calendar Dates " + id + " <br> <input type='text' size='20' class='hasDatepicker' name='inputDate[]' id='inputDate" + id + "'>&nbsp;&nbsp<a href='#' onClick='removeFormField(\"#row" + id + "\"); return false;'>Remove</a><p>"); 

     $('#row' + id).highlightFade({ 
      speed:1000 
     }); 

     id=(id-1) + 2; 
     document.getElementById("DateID").value = id; 
    } 

    function removeFormField(id) { 
     $(id).remove(); 
    }  

    $("#addDate").live("click", function(){ 
      addFormField(); 
    }); 

Answer 1

먼저 addFormField 함수가 실제로 양식에 새 필드를 삽입하는지 확인하십시오. 그런 다음 새 필드에 .datepicker();으로 전화하십시오.

내부 addFormField :

$("td#dateDiv").append(... 

$("td#dateDiv").find(".hasDatepicker").datepicker();