jQuery重新綁定或新元素上的現場活動？

Question

我用這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 
     }); 
    }); 

但沒有工作

Answer 1

使用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'); 
}); 

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