Php jQuery在ajax调用后停止工作

Php jQuery在ajax调用后停止工作,php,jquery,ajax,timepicker,Php,Jquery,Ajax,Timepicker,我使用自举和时钟选择器 当我加载主页时,它工作正常。但当我使用AJAX调用将另一个php文件中的新内容加载到div中时,时钟选择器停止工作 时钟选择器在页面底部使用jQuery 我用ajax加载的新内容也包含时钟选择器按钮。但这行不通。页面底部的jQuery是否有问题 我是jQuery新手,既不懂语法也不懂语言 <?PHP echo "<div class=\"input-group clockpicker col-md-6\" data-placement=\"right\" d

我使用自举和时钟选择器

当我加载主页时,它工作正常。但当我使用AJAX调用将另一个php文件中的新内容加载到div中时,时钟选择器停止工作

时钟选择器在页面底部使用jQuery

我用ajax加载的新内容也包含时钟选择器按钮。但这行不通。页面底部的jQuery是否有问题

我是jQuery新手,既不懂语法也不懂语言

<?PHP

echo "<div class=\"input-group clockpicker col-md-6\" data-placement=\"right\" data-align=\"top\" data-autoclose=\"true\">";
  echo "<input 
    type=\"text\" 
    class=\"form-control input-sm\" onchange=\"ajax_function('kuk','alter_schedule.php?ltime='+this.value+'&cid=".$child_id."&date=".$row['date']."&what=3')\" value=\"".date("H:i", strtotime($row['schedule_start']))."\">";
  echo "<span class=\"input-group-addon\">";
    echo "<span class=\"glyphicon glyphicon-time\"></span>";
  echo "</span>";
echo "</div>";

?>

<script type="text/javascript">

$('.clockpicker').clockpicker();

</script>

jQuery在运行时只知道页面中的元素,因此添加到DOM中的新元素无法被jQuery识别。为了防止这种使用,将事件从新添加的项冒泡到DOM中的某个点,当jQuery在页面加载上运行时,该点就在DOM中。许多人使用
document
作为捕获冒泡事件的地方,但没有必要在DOM树中占据那么高的位置。理想情况下

许多人从文档中委派,但即使文档中说您也不应该=>为了获得最佳性能,请将委派事件附加到尽可能靠近目标元素的文档位置。避免过度使用document或document.body处理大型文档上的委托事件。。。您可以从最早的祖先进行委托。虽然正确,但在这种情况下,在
success
函数中手动绑定可能是唯一的选项;它似乎不支持事件授权。我只是浏览了一下文档,以便更具体地了解插件@jeroen,我认为你是对的。谢谢你的回复。正如我之前所写的,我对jQuery是新手,不知道语法。但是我尝试在页面底部jQuery的开头添加(document).on。但这对我没有帮助。我真的很感谢您的帮助,也许@JayBlanchard可以告诉我如何使用语法?非常感谢:)