2014-02-28 58 views
0

我有一個按高度確定尺寸的div,其寬度爲空。獲取寬度(以像素爲單位)的高度尺寸(以%爲單位)

HTML

<div id="slideshow"><img src="1.jpg"></div> 

CSS

#slideshow { 
    position: absolute; 
    height: 90%; 
} 

我需要在PX的當前寬度,以便將頁面上的其他元素。我嘗試以下,但由於CSS沒有寬度,變種的值爲0

$(document).ready(function() { 
    var divWidth = $('#slideshow').width(); 
}); 

UPDATE 我發現這個問題,孩子IMG負載與編程的延遲,所以很明顯的VAR獲得初始值爲0.有沒有辦法讓延遲div的寬度?

+1

Works fine - http://jsfiddle.net/RtLJq/。 – lifetimes

+0

像null證明了你,我沒有看到任何代碼失敗的原因,除非你有更多的一個div與該ID和裏面沒有圖像,檢查其餘的代碼,因爲它是有效的。 – Zagen

+0

我的不好,請參閱更新 – anoonimo

回答

2

您可能要等到窗口完全加載。我也爲你添加了一個setTimeout,因爲你問了它。

$(window).load(function() { 
    setTimeout(function() { 
     var divWidth = $('#slideshow').width(); 
     // put your function using divWidth in here as well. 
    }, 500); 
}); 
相關問題