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

时间:2015-10-08 16:39:26

标签: javascript jquery html ajax bootstrap-datetimepicker

在这里真正陷入僵局,放弃......任何人都可以帮忙吗?

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

..这是我从上面生成的HTML到原始页面上的JQuery的调用...

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

我点击了记录,它将数据正确加载到我的页面中,其中一个字段是datetime字段,我点击按钮抛出datetimepicker,然后......没有....但是 - 任何datetimepicker那个直接加载到我的原始页面上工作正常。

有什么想法吗?

PS - 如果你还没有猜到,我是AJAX的新手......:)

提前谢谢你!

1 个答案:

答案 0 :(得分:0)

委派事件,以便新附加的元素获得事件绑定:

java.util.concurrent.ScheduledExecutorService