2013-10-17 101 views
0

我正在使用一個小的JavaScript代碼段將底部邊緣與我正在處理的網站上的精選圖像部分的底部邊緣對齊一個小的側邊欄部分(「現在熱」) 。應用腳本而不加載延遲

腳本只會在整個p [age加載完成後開始運行,因此,我試圖對齊的部分跳轉了一下。我應該如何修改腳本以便馬上對齊它?

下面是我使用的代碼片段:

<script type="text/javascript"> 
$(document).ready(function() { 
    var leftheight = $(".featured-image a img").offset().top + $(".featured-image a img").height(); 
    var rightheight = $('#top-posts-2').offset().top + $('#top-posts-2').height(); 
    var heightgap = leftheight - rightheight; 
    $('#top-posts-2').css('padding-top', parseInt(heightgap + 3, 10) + 'px'); 
}); 
</script> 
+2

你知道'$(document).ready(...)'是做什麼的嗎? – Jon

+0

正常情況下,只有在文檔被加載時,ready()事件纔會觸發。 – Sebastien

+0

它沒有'$(document).ready()'做了同樣的事情,實際上... – MetalParchment

回答

2

取出$(document).ready包裝和它要處理的HTML元素後,立即把腳本塊。您不能在此之前運行它,因爲您的目標HTML需要在頁面中。

+1

和JQuery後'