日期选择器不工作

Question

var date_id = 1;

this.addCity = function (){

    $('#add').before('<input type="text" class="date initial hasDatepicker" id="date'+date_id+'" value="01/30/2012"></br>');
    $("#date"+date_id).live('click', function(){
        alert("#date"+date_id); //this alert works norm
        $("#date"+date_id).datepicker();
    });
}

日期选择器不起作用，但我在 Firebug 控制台中没有看到任何错误。

Answer 1

将 .datePicker() 调用移至点击处理程序之外，即

this.addCity = function (){

    $('#add').before('<input type="text" class="date initial hasDatepicker" id="date'+date_id+'" value="01/30/2012"></br>');
    $("#date"+date_id).datepicker();

}

这是因为 .datePicker() 函数用于初始化特定输入元素的 datePicker 并不适用于立即渲染 datePicker。初始化后，它将自动处理点击。