日历 iframe 第一次显示在文本框的右侧，然后从此显示在文本框下方

Question

环境：
ASP.NET 网络表单
详细信息查看控件
编辑模式

我有一个date input field，当您在文本框内单击时，它会显示我的iframe calendar。这一切都在detailsview edit template element内.

第一次它在文本框右侧显示日历(所需的结果(，但从那时起，如果我隐藏然后再次显示它，它就会出现在文本框下方。为什么不一致？有什么想法吗？

$('.update-date-started').on('click',
    function () {
        var $tdElement = $(this);
        var $cal = $tdElement.find('#calFrame');
        if ($cal.length == 0) {
            var iframe = document.createElement("iframe");
            iframe.src = 'CalendarPopup.aspx?field=tbDateStarted';
            iframe.id = "calFrame"
            iframe.width = '275'
            iframe.height = '203'
            iframe.style = "position: absolute;"
            $tdElement.append(iframe);
        }
        $cal.toggle();
    });

Answer 1

看起来我只需要创建一个span，将iframe添加到其中，然后将span添加到td元素中，现在可以工作了！