javascript - jQuery 重新绑定或新元素上的实时事件？

Question

我正在使用这个很好用的时间选择器，但问题是我正在动态添加输入字段，而时间选择器不适用于新创建的输入标签

我正在使用这个 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
        });
    });

但是没有用

Answer 1

使用现场 -

$('.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');
});

演示 - http://jsfiddle.net/Spfpj/4/