在文檔中居中圖像

-5

甚至不能確定這個問題需要什麼樣的標題。基本上，我在jsFiddle中製作了一個厚臉皮的JavaScript，它完美的工作。然後我彈出一個測試網站，它根本不工作。我無法弄清楚爲什麼，它正在做我的頭。在文檔中居中圖像

基本上，代碼計算圖像的寬度，並使用此值將圖像放在頁面的中心。在window.resize上效果很好，但由於某種原因，document.load在測試服務器上不起作用，但在JS Lint中工作正常。爲了測試的目的，我也彈出了一個提醒。

的jsfiddle鏈接： http://jsfiddle.net/sambeckhamdesign/4g4nD/49/

來源

2011-05-13 Sam

我敢肯定，你有你的理由，而只是出於興趣使用居中圖像不會是更容易CSS？ – 2011-05-13 13:56:38

圖像根據瀏覽器窗口大小改變大小，並且它需要完全定位，所以我需要將它放在'left：50％;'然後將左邊距設置爲寬度的一半。 – Sam 2011-05-13 13:59:38

我注意到你現在已經工作了：P – MicronXD 2011-05-13 14:02:37

負荷的jQuery 之前您的腳本，並使用瀏覽器的錯誤控制檯

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

來源

2011-05-13 13:52:53 Phil

哈哈輝煌。 – Dunhamzzz 2011-05-13 13:55:32

不能相信我做到了。現在感覺有點傻。鉭 – Sam 2011-05-13 13:55:54

你把上面的電話你的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>

來源

2011-05-13 13:53:35 Brandon

你有

<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>

來源

2011-05-13 13:59:56 MicronXD

在文檔中居中圖像

回答

相關問題