javascript - 日历 iframe 第一次显示在文本框的右侧，然后从那时起显示在文本框的下方

Question

环境:
ASP.NET 网络表单
DetailsView控件
编辑模式

我有一个日期输入字段，当您在文本框内单击时，它会显示我的iframe 日历。这一切都在 detailsview 编辑模板元素 中。

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

$('.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 元素，现在可以使用了!