Javascript 动态形式的简单时间选择器

我想要实现的是这样一种动态形式

“bootstrap/js/local.js”

$（文档）.ready（函数（）{
$（“#添加条目”）。单击（函数（e）{
event.preventDefault（）；
$（“#项”）。附加（“”
+''
+'');
});
$（'body'）。在（'click'，'#delete entry'，函数（e）{
$（this.parent（'div'）.remove（）；
});
$（“#timepicker”）.timepicker（{'timeFormat'：'h:ia'}）；
});

HTML

时间表：

脚本文件

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/local.js"></script>

我不能移动一个，因为计时器坏了

---

由于时间选择器输入是动态生成的，因此您不能通过以下方式向其附加事件侦听器/函数：

$("#timepicker").timepicker({ 'timeFormat': 'h:i A' });

$('body').on('focus',"#timepicker", function(){
    $(this).timepicker();
});​

您必须以与使用

#delete entry

元素相同的方式执行此操作：

$('body').on('click','#delete-entry',function(e){...}

这有点棘手，因为您希望在元素上运行jqueryui函数，而不是添加事件侦听器。但是，可以这样做：

$("#timepicker").timepicker({ 'timeFormat': 'h:i A' });

$('body').on('focus',"#timepicker", function(){
    $(this).timepicker();
});​

希望这有帮助

首先id=“删除条目”是错误的。id是单音的，请使用类

$(document).ready()

在页面加载结束时初始化 您需要初始化新输入

对于按钮，您可以使用

$('document').on('click','.delete-entry',function
     alert("click");
);

---

你们在控制台中看到了什么错误？若你们所说的一切都不起作用，并没有人能帮助你们。你有错误吗？时间选择器出现了，但没有存储值吗？有100种可能的“不工作”情况。此外，如果您能够指出您是否确信

local.js

实际上正在加载，那么问题的

脚本文件部分将更有用。最后，“我不能移动一个”是什么意思？