动态添加的jquery日期选择器未显示所选日期

Question

我正在动态地将jquery datepicker添加到预先指定的坐标中。

    $(document).ready(function (e) {
    var i=1;  
    $('.cont_Main').click(function (e) {        
        if ( parseInt(e.pageX) < parseInt('120') && parseInt(e.pageY) > parseInt('150'))  
         { 
            $('.cont_Main').append('<div name=dt'+i+'><input type="text" class="datepicker"></div>');
            var tmp2 = (parseInt(e.pageY / 30) * 30) + 10;              
            $('div[name="dt'+i+'"]').css({"position":"absolute","left":"10","top":parseInt(tmp2)});
            i++;
        }
        else
        {
            console.log("Out");
         }



        $('body').on('focus',".datepicker", function(){
        $(this).datepicker();
        });       
});

问题是它们被正确添加，也出现了日期选择器，但是当我选择日期时，日期不会出现在文本框中。奇怪的是，如果我为div定位排除'top'参数，那么日期就会出现。这有什么不对？