在附加到正文之前获取 div 的大小答案

【问题标题】：Getting size of div before appending to body在附加到正文之前获取 div 的大小
【发布时间】：2011-07-25 06:34:13
【问题描述】：

我正在做一个 ajax 调用。成功时调用的函数如下：

function(data){
            $div.html(data);
            posX=window.mouseX+1;
            posY=window.mouseY+1;
            if(posY-$(document).scrollTop()+$div.height()>$(window).height()){
                posY-=$div.height();
            }
            $div.css('left',posX+'px');
            $div.css('top',posY+'px');
            $div.appendTo($('body'));
        }

想法是：如果位于鼠标坐标处的 div 不适合浏览器大小，那么我将它放在鼠标指针上方。问题是 $div.height() 如果我在将它附加到正文之前调用它，它会返回 0。除了先附加后移动之外，还有其他方法可以获取高度吗？

【问题讨论】：

您是否尝试过将脚本放在页面末尾（就在正文标记之前）？
什么是$div？你在哪里分配那个变量？

标签： javascript jquery html ajax dom

【解决方案1】：

使用 display: none 插入它并使用 jQuery 的 width() 和 height() 函数。

【讨论】：