Javascript jQuery重新绑定还是新元素上的实时事件？

我正在使用它，它工作得很好，但问题是我正在动态添加输入字段，而时间选择器没有处理新创建的输入标记

我正在使用这个jQuery

    $('.timepicker').timePicker({
      startTime: "02.00",  // Using string. Can take string or Date object.
      endTime: new Date(0, 0, 0, 15, 30, 0),  // Using Date object.
      show24Hours: false,
      separator:'.',
      step: 15
    });

我让某人点击一个按钮，一个新的带有类时间选择器的输入字段被添加到页面中，但是jQuery时间选择器不起作用…有没有关于如何绑定的想法

我试过这个

    $('.timepicker').bind('click', function(){
        $('.timepicker').timePicker({
          startTime: "02.00",  // Using string. Can take string or Date object.
          endTime: new Date(0, 0, 0, 15, 30, 0),  // Using Date object.
          show24Hours: false,
          separator:'.',
          step: 15
        });
    });

但不起作用

使用live-

$('.timepicker').live('click', function(){
    $(this).timePicker({
      startTime: "02.00",  // Using string. Can take string or Date object.
      endTime: new Date(0, 0, 0, 15, 30, 0),  // Using Date object.
      show24Hours: false,
      separator:'.',
      step: 15
    }).focus();
    $(this).removeClass('timepicker');
});

---

演示-

这将在每次单击时重新应用timepicker插件。更好的方法是在向DOM.yup添加新元素时应用插件。处理dom的添加可以是一种选择。或者您可以简单地删除该类。用后者更新了答案。