Javascript 来自AJAX生成控件的调用在我的页面中不起作用

在真正的僵局中，放弃…有人能帮忙吗

以下是一些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>

我点击记录，它将数据正确加载到我的页面中，其中一个字段是datetime字段，我点击按钮抛出datetimepicker，然后…什么都没有…但是-任何直接加载到我原始页面上的datetimepicker都可以正常工作

有什么想法吗

PS-如果你没有猜到，我是AJAX新手

---

提前谢谢你

委托事件，以便新附加的元素获得事件绑定：

<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>

---

非常感谢。不只是为了修复…而是为了教训！钱上说的没错……没问题，很乐意帮忙：

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();
}

<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>