jQuery 在 ajax 调用后停止工作


jQuery stop working after ajax call

我使用引导程序和 http://weareoutman.github.io/clockpicker/时钟选择器

当我加载主页时,它工作正常。但是当我使用 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在页面加载时运行时。许多人使用document作为捕捉气泡事件的地方,但没有必要在 DOM 树上走那么高。理想情况下,您应该委托给页面加载时存在的最近的父级。