Chrome和Opera无法使用jQuery'进行绝对定位；s method.css（）

我使用jQuery编写了一个下拉菜单。目标是在单击导航项时显示子菜单。jQuery脚本将一个

style=“position:absolute；”“

应用于相应的子菜单，以避免其他导航项移动

但是Chrome和Opera没有应用绝对定位。或者他们在点击页面上的任何地方后就会这样做。它可以与Safari和Firefox配合使用

你可以看看整件事
所有文件都托管在GitHub上

提前谢谢你

Change

.css（{position:“absolute”}）到
.css（“位置”，“绝对”）

以下示例适用于所有浏览器：


$（文档）.ready（函数（）{
$（'#setPos'）。单击（函数（）{
$（'#myDiv'）.css（“位置”、“绝对”）；
$（'#myDiv'）.css（“左”，“100px”）；
$（'#myDiv'）.css（“top”，“20px”）；
});
});
#myDiv{
显示：块；
宽度：100px；
高度：100px；
背景：红色；
}

问题可能来自
.css（“显示”、“块”）
和
.css（“位置”、“绝对”）
的相继出现。我找到了一种获取包含绝对定位子元素的元素高度的方法。所以问题解决了。我更新了代码。
它不起作用。我提交了更改，以便您可以自己查看。真正奇怪的是，在点击页面上的任意位置后，绝对定位就会生效。我不明白为什么。