jQuery重新绑定或新元素的直播事件?

时间:2011-10-16 17:26:01

标签: javascript jquery jquery-plugins timepicker

我正在使用这个timepicker,效果很好,但问题是我正在动态添加输入字段,时间选择器不能处理新创建的输入标记

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

但没有工作

1 个答案:

答案 0 :(得分:2)

使用直播 -

$('.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/