2017-04-03 88 views
0

我試圖遍歷所有具有svg_hover類的元素並獲取它們的高度。然而,看起來像是給了我不可能的高度,例如,如果你看圖像,這個元素的正確高度是305,但它給了我327。偶爾它會讓我在600年代的數字。jQuery .height()或outterheight()返回大於實際元素高度的值

enter image description here

這裏是我的代碼。

var el = $('.svg_hover') 

    $(document).ready(()=> { 

    el.each(function (idx) { 
     let e = $(this), 
      content_height = e.outerHeight(); 

     console.log(e, content_height); 

    }) 
    }) 
+0

[outerHeight()](http://api.jquery.com/outerheight/)包含邊界等等。你確定這是你正在尋找的價值嗎?寬度()如何? – Schlaus

+0

是的我正在調整我的svg路徑的高度,使用相對於我的div的高度,所以我將獲得父元素的height()或outterHeight(),但它返回奇怪的結果。 –

+0

你可以給我們一個你的HTML和SVG的演示嗎? –

回答

1

嘗試在$(窗口).load調用outerHeight()而不是$(文件)。就緒()爲$(窗口).load()等待所有元素,如圖像,是計算高度不同的$(document)。就緒之前加載(),它會計算太早

+0

該死的。我以爲我已經嘗試過,但我使用$(document).load()。 這工作 –

+0

哈這沒問題吧 – StefanBob

0

當你正在服用的outerHeight()你也可以得到填充和邊界(outerHight(true)也得到了保證金 ),檢查填充的元素並重置它padding:0px

enter image description here

http://api.jquery.com/outerHeight/

相關問題