在文档中居中图像[关闭]答案

【问题标题】：Center an image in document [closed]在文档中居中图像[关闭]
【发布时间】：2011-05-13 13:51:04
【问题描述】：

甚至不确定这个问题需要什么样的标题。基本上，我在 jsFiddle 中做了一点 JavaScript，而且效果很好。然后我突然出现在一个测试站点上，它根本不起作用。我根本不知道为什么，这让我很头疼。

基本上，代码计算图像的宽度并使用该值将图像放置在页面的中心。在 window.resize 上运行良好，但由于某种原因 document.load 在测试服务器上无法运行，但在 JS Lint 中运行良好。出于测试目的，我还在那里弹出了一个警报。

jsFiddle 链接： http://jsfiddle.net/sambeckhamdesign/4g4nD/49/

【问题讨论】：

我相信你有你的理由，但只是出于兴趣，使用 css 将图像居中不是更容易吗？
图像会根据浏览器窗口的大小改变大小，并且需要绝对定位，所以我需要定位它left:50%;，然后将左边距设为宽度的一半。
我注意到你现在已经开始工作了：P
我愿意。我在那儿有点小学生的错误。仍然需要等待 3 分钟才能将这个尴尬的问题标记为已回答:(
重命名为与问题相关的内容，而不是短信发言...

标签： javascript jquery testing

【解决方案1】：

在您的脚本之前加载 jQuery 并使用浏览器的错误控制台

Uncaught ReferenceError: $ is not defined java.js:9

【讨论】：

不敢相信我做到了。现在觉得有点傻。塔

【解决方案2】：

您已将 javascript 方法置于包含 jQuery 的调用之上。

那时，jQuery 还没有被定义。换行，让 jQuery 排在第一位。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="/_js/java.js" type="text/javascript"></script>

【讨论】：

【解决方案3】：

你有

<script src="/_js/java.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>

应该是

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="/_js/java.js" type="text/javascript"></script>

【讨论】：