'position（）。top'为null还是不是对象？

Question

我的代码应突出显示一个选择，并使弹出窗口与选择的顶部对齐。 代码如下

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

Firefox似乎可以使用该代码，但是出现以下运行时错误

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

找到此链接，但我的编辑失败。 还有另一种方法吗？

Answer 1

您的.css（）参数是向后的； 它应该是.css(<name of property>, <value>)

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

另外，如果$("tr [style*=Blue]")不返回任何内容，则.position()将返回null，从而导致错误。 尝试先检查其长度。

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

编辑说明 Firefox在颜色（蓝色）上使用初始大写字母，但IE使用所有小写字母（蓝色）。