2014-01-20 43 views
0

我遇到了一個表格問題,我在其中爲單元格固定了一些大小,並且單元格不響應。HTML「伸展」組件的實際大小

其實我沒有任何結果(但是對於第一列)將「最小寬度」,「最大寬度」,「寬度」固定爲相同的值。

其實我試圖獲得單元格的REAL/post渲染大小,但我無法得到它。如果我使用方法等:

  • 寬度
  • 的CSS( 「寬度」)
  • outerWidth

等等,我收到了 「錯誤的結果」 這意味着我接收100當細胞拉伸到200(例如)。

有什麼辦法(通過JavaScript或jQuery)知道確切的發佈渲染大小?

我嘗試將Margin和邊框添加到我收到的寬度,但仍然是完全不同的數字。

謝謝

編輯:

其實我執行一次同樣的一串代碼,寬度更「容易」的確切價值。爲什麼這樣工作?如果我在「$(window).load」函數中執行代碼,文檔是否已經「完成,修復和延伸」?

+1

你嘗試每一個DOM元素加載後計算的寬度是多少? – otinanai

+1

jquery outerWidth()非常可靠,只要確保你正在檢查正確的​​元素。由於您的標識符與多個單元格相匹配,因此可能會拉動較早的​​的寬度 - 在這種情況下,outerWidth()將簡單地返回第一個匹配元素的寬度。 – Dave

+0

at otinanai:是的,在ready函數後調用並返回錯誤的值 @Dave:我有外寬,同樣的問題,它返回固定在元素+ padding上的「寬度」。問題是(作爲渲染)元素不關心寬度並且延伸爲頁面大小。 document.getElementById(「ID」)。offsetWidth;似乎工作良好,但並不總是...... –

回答

0

這裏有一點FIDDLE,你可以玩。

JS

$('.showme1').append($('.testdiv').width()); 

$('.buttonclass').click(function(){ 
     $('.showme2').append($('.testdiv').width()); 
});