從AJAX調用生成的控件不工作在我的頁面

Question

在這裏真正的僵局，放棄...任何人都可以幫忙嗎？

下面是一些AJAX的樣本生成的HTML代碼：

<div class='input-group date form_datetime col-sm-6' data-link-field='stime'> 
    <input type='text' readonly name='stime' class='form-control' style='width:220;' value='" & rs("time") & "'> 
    <span class='input-group-addon'><span class='glyphicon glyphicon-remove'></span></span> 
    <span class='input-group-addon'><span class='glyphicon glyphicon-calendar' tabindex='3'></span></span> 
</div> 

..here是從上面jQuery的原始頁面上生成的HTML我的電話......

<script type="text/javascript"> 
    $('.form_datetime').on 'focus', $(this).datetimepicker({ 
    weekStart: 1, 
    todayBtn: 1, 
     autoclose: 1, 
     todayHighlight: 1, 
     startView: 2, 
     forceParse: 0, 
    showMeridian: 1, 
    format: 'mm/dd/yyyy HH:ii P', 
    startDate: new Date 
    }); 
</script> 

。 ..這裏是我的電話數據...

function loadSlot(id) { 
    var xmlhttp;  
    if (window.XMLHttpRequest) { 
    xmlhttp=new XMLHttpRequest(); 
    } else { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
     document.getElementById("dataSlot").innerHTML=xmlhttp.responseText; 
    } 
    } 
    xmlhttp.open("GET","getslots.asp?id="+id,true); 
    xmlhttp.send(); 
} 

我點擊記錄，它正確加載數據到我的網頁，一個o f字段是一個日期時間字段，我點擊按鈕來拋出datetimepicker，並且...什麼也沒有....但 - 直接加載到我的原始頁面上的任何datetimepicker都能正常工作。

任何想法？

PS - 如果你還沒有猜到了，我是新來的AJAX .... :)

預先感謝您！

Answer 1

代表的事件，以便新追加要素坐上開往事件：

<script type="text/javascript"> 
$(document).on('focus', '.form_datetime', function() { 
    $(this).datetimepicker({ 
     weekStart: 1, 
     todayBtn: 1, 
     autoclose: 1, 
     todayHighlight: 1, 
     startView: 2, 
     forceParse: 0, 
     showMeridian: 1, 
     format: 'mm/dd/yyyy HH:ii P', 
     startDate: new Date 
    }); 
}); 
</script>