Javascript 克隆的Jquery时间选择器

我有一个jQuery时间选择器。它可以正常工作，但是当我克隆行时，它只对第一行有效，而对克隆的行无效

代码如下：

<script>
    $(function() {
        $('#timePicker').timepicker({ 'timeFormat': 'H:i' });
    });
</script>       

<input id="timePicker" name = "time[]" type="text" class="time" />

$（函数（）{
$（'#timePicker'）。timePicker（{'timeFormat'：'H:i'}）；
});

---

我认为它是使用id来调用函数的。还有其他更好的方法吗？

那是因为。。。当调用时间选择器时。。文档中不存在克隆的元素，因此无法找到并向其中添加时间选择器。将克隆的元素附加到文档后，请再次调用时间选择器

试试这个

<script>
  $(function() {
    $('.time').timepicker({ 'timeFormat': 'H:i' });
    //-^---here using class selector

    //your codes to append the cloned element.

     $('.time').timepicker({ 'timeFormat': 'H:i' }); //call again
     //-^---here using class selector
 });
</script>

$（函数（）{
$（'.time'）.timepicker（{'timeFormat'：'H:i'}）；
//-^---这里使用类选择器
//您的代码将附加克隆的元素。
$（'.time'）.timepicker（{'timeFormat'：'H:i'}）；//再次调用
//-^---这里使用类选择器
});

---

注意：请确保使用类，因为克隆元素将导致两个id相同的元素无效。。因此，我在这里使用class

克隆行时，还要初始化第二个时间选择器

这可能会给您现在的代码带来问题，因为您的DOM中将有一个重复的id。因此，我建议您将

id

更改为

class

，当您复制行时，您称之为：

$('.timePicker').timepicker({ 'timeFormat': 'H:i' });

或者只需删除输入字段的id并使用以下命令：

$('.time').timepicker({ 'timeFormat': 'H:i' });

---

我已经尝试过这样做：您的选择器必须是

.time

如下：$（'.time'）.timepicker（{'timeFormat'：'H:i'}）；请注意我的答案中的

操作符，而不是

。。这是类选择器。。。但就你而言，即使你有课。。您正在使用id选择器。。删除该id。。。或者使其唯一请更新您的问题，以便我们可以看到您正在做什么请检查此链接。。我做了一个演示