2014-01-20 45 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()); 
});