请教一个关于jquery设置居中的问题

两仪式啃西瓜 2015-06-04 09:58:23
$(function () {
$("#secondInvite").css({
left: ($("#firstInvite").outerWidth() - $("#secondInvite").outerWidth()) / 2,
top: ($("#firstInvite").outerHeight() - $("#secondInvite").outerHeight()) / 2
});
})

<div id="firstInvite" class="relative">
<div id="secondInvite" class="absolute width-per70">
<img src="Content/images/person.jpg" class="width-full" />
</div>
<img src="Content/images/invite-first.gif" class="width-full"/>
</div>

这是源码和jquery,但是第一次加载效果是这种

刷新后的效果是这种

但是每次刷新都在这种两种效果之间切换
请问下这是怎么回事啊
...全文
354 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
两仪式啃西瓜 2015-06-04
  • 打赏
  • 举报
回复
引用 2 楼 Return_false 的回复:
第一次的时候,可能是因为图片没有加载到页面上,从而导致你在获取图片容器整体 宽高时 不是真实的值 那么,你就需要在保证图片真实加载到页面上的时候 做定位处理
请问下能给点代码么,不会弄啊
  • 打赏
  • 举报
回复
第一次的时候,可能是因为图片没有加载到页面上,从而导致你在获取图片容器整体 宽高时 不是真实的值 那么,你就需要在保证图片真实加载到页面上的时候 做定位处理
两仪式啃西瓜 2015-06-04
  • 打赏
  • 举报
回复
谁有空去这儿留个言,随便留啥,我好结贴给分。一个人都没,浪费我40分,这是我最后的分了。 http://bbs.csdn.net/topics/391047414
两仪式啃西瓜 2015-06-04
  • 打赏
  • 举报
回复
引用 4 楼 gy127132060 的回复:
不要用$(function () {} 改用window.onload....window.onload会等到所有元素都加载完毕才执行。。。 最好初始化的时候将整个页面用一个div包裹起来,设置隐藏,,,显示一个loading图。。。 等整个页面所有元素加载完毕window.onload时设置图片位置、将隐藏div显示,loading图隐藏掉。。。
搞定了,谢了
两仪式啃西瓜 2015-06-04
  • 打赏
  • 举报
回复
引用 4 楼 gy127132060 的回复:
不要用$(function () {} 改用window.onload....window.onload会等到所有元素都加载完毕才执行。。。 最好初始化的时候将整个页面用一个div包裹起来,设置隐藏,,,显示一个loading图。。。 等整个页面所有元素加载完毕window.onload时设置图片位置、将隐藏div显示,loading图隐藏掉。。。
请问下,使用window.onload是不是就只能用javascript了啊,取值也只能用javascript的取了么
两仪式啃西瓜 2015-06-04
  • 打赏
  • 举报
回复
请问下,使用window.onload是不是就只能用javascript了啊,取值也只能用javascript的取了么
香蕉猪 2015-06-04
  • 打赏
  • 举报
回复
不要用$(function () {} 改用window.onload....window.onload会等到所有元素都加载完毕才执行。。。 最好初始化的时候将整个页面用一个div包裹起来,设置隐藏,,,显示一个loading图。。。 等整个页面所有元素加载完毕window.onload时设置图片位置、将隐藏div显示,loading图隐藏掉。。。

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧