jQuery.Live Confusion

Question

Я пытаюсь совместить this article и this article, где у меня есть выбор даты и времени в каждой строке. У меня это работает для существующих строк, но они не работают с добавленными строками.

Я нашел функцию jQuery .live, которая кажется тем, что я ищу, но я смущен тем, как она работает. Вот мой код работает JQuery:

$(".datepicker").datepicker({ 
    showAnim: '', 
    dateFormat: 'm/d/yy', 
    showOn: 'button', 
    buttonImageOnly: true, 
    buttonImage: '../../js/txtdropdown/txtdropdown-btn.png', 
    buttonText: 'Select a date' 
}); 
$(".timedropdown").timedropdown(); 

Я попытался изменить их:

$(".datepicker").live("datepicker", function() { 
    $(this).datepicker({ 
     showAnim: '', 
     dateFormat: 'm/d/yy', 
     showOn: 'button', 
     buttonImageOnly: true, 
     buttonImage: '../../js/txtdropdown/txtdropdown-btn.png', 
     buttonText: 'Select a date' 
    }); 
}); 
$(".timedropdown").live("timedropdown", function() { 
    $(this).timedropdown(); 
}); 

Но это не только не работает, но он также удаляет их из существующих строк, которые ранее работали ,

Что я делаю неправильно?

Answer 1

Я нашел this question, который дал мне решение:

$(".datepicker").live("click", function() { 
    $(this).datepicker({ 
     showAnim: '', 
     dateFormat: 'm/d/yy', 
     showOn: 'button', 
     buttonImageOnly: true, 
     buttonImage: '../../js/txtdropdown/txtdropdown-btn.png', 
     buttonText: 'Select a date' 
    }); 
}); 
$(".timedropdown").live("click", function() { 
    $(this).timedropdown(); 
});