jQuery.Live混乱

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