jquery没有正确定位元素

时间:2014-03-15 05:38:36

标签: javascript jquery html css

我有一个jquery实验,其中有一个id为id =" mask"位于页面的中心。 我试过了两个

Jquery的:

$("#mask").height()

和javascript' s native:

var mask = document.getElementById("mask");
var ht_mask = getComputedStyle(mask).getPropertyValue("height");
var ht_mask_num = Number(ht_mask.slice(0,ht_mask.length - 2));

在firefox和chrome中的console.log()上都给出了不同的值 我有实验

jsfiddle:http://jsfiddle.net/avi_sagi/3RAEE/embedded/result/

并在我的网站上(有时效果很好):http://sagiavinash.com/projects/labs/Holi/

幸运的是,它适用于某些人,但如果他们重新加载多次,它一直都不起作用。 我检查了检查元素中的Chrome网络选项卡,它提供了资源加载顺序的信息,我看到jquery有时没有加载,即使我使用google CDN这是最好的。这不是完全错位的原因而是一个因素

仅供参考:我使用" meyer reset css"和" jquery 1.11.0" 这是我发现的一个问题,可能还有其他问题导致这个定位问题。

1 个答案:

答案 0 :(得分:0)

尝试替换

$("#mask").css('marginTop', margin_top + "px");

使用

$("#mask").css('position', "absolute",'top','20%');

希望有所帮助