javascript - 根据高度动态更改元素的顶部位置

Question

我有三个 div，使用 CSS 设置为在 li:hover 上弹出。我希望这些 div 悬停在其父 li 上方的同一级别，而不管其内容的高度如何。为此，我尝试使用 jquery 来计算 div 的高度，然后设置一个等于 div 高度的负顶部值。这是我到目前为止所拥有的:

<script type="text/javascript">
$(document).ready(function() {
var pHeight = $('footer ul ul').height(); //Get height of footer popup
var nHeight = pHeight + "px"; //Calculate new top position based on footer popup height

        $('footer ul ul').css({ //Change top position to equal height of footer popup
            'top' : "-nHeight",
    });
});
</script>

Firebug 一直告诉我解析 top 的值时出错并且声明被删除。有什么想法吗？

Answer 1

改变

'顶部':“-nHeight”，

到

'top' : "-"+ nHeight

JavaScript 不解析字符串中的变量。我还删除了 ,，因为它是多余的并且会在 IE 中产生错误。