javascript - 'position().top' 为空或不是对象？

Question

我有代码应该突出显示一个选择并将弹出窗口对齐到选择的顶部。代码如下

$('#pnlAdd .modalDialog').css($("tr [style*=Blue]").position().top + "px" ,"top");

Firefox 似乎可以处理代码，但我收到以下运行时错误

'position().top' is null or not an object. 

找到这个 link但我的编辑没有成功。还有其他方法吗？

Answer 1

您的 .css() 参数是倒退的；应该是.css(<name of property>, <value>)

$('#pnlAdd .modalDialog').css("top", $("tr [style*=Blue]").position().top + "px");

此外，.position()如果 $("tr [style*=Blue]") 将返回 null不返回任何东西，导致错误。先尝试检查它的长度。

var elements = $("tr [style*=Blue]");
if (elements.length) {
    $('#pnlAdd .modalDialog').css("top", elements.position().top + "px");
}

编辑说明Firefox 在颜色(蓝色)上使用首字母大写，但 IE 使用全部小写(蓝色)。