Jquery nhận được chiều cao của một phần tử ẩn

Question

Tôi đã cố gắng lấy danh sách giá trị độ cao của phần tử nhưng nó đã trở về 0.
Tôi đã thực hiện một số nghiên cứu và thấy rằng để có được chiều cao của phần tử, phần tử đó phải được hiển thị.
Nhưng tôi muốn kiểm tra chiều cao của nó khi nó bị ẩn. Nếu chiều cao của nó lớn hơn một số giá trị, hãy sử dụng một số chức năng, sau đó làm cho nó hiển thị. Có cách nào để làm điều này không?

Ý tôi là: chiều cao

1. Kiểm tra ẩn yếu tố của.
2. Nếu giá trị OK có thể hiển thị.
3. Nếu không có giá trị bắt buộc, hãy thực hiện một số chức năng.
4. Làm cho hình ảnh hiển thị.

Answer 1

Bạn có thể show nguyên tố này có được chiều cao và sau đó giấu nó, trực quan bạn sẽ không thấy bất kỳ sự khác biệt nào.

var height = $('elementSelector').show().height(); 
$('elementSelector').hide(); 
if(height != <<HeightToCompare>>){ 
    //Code here 
} 
//Finally make it visible 
$('elementSelector').show(); 

Demo

Answer 2

Một cách là sao chép đối tượng, định vị bản sao ở bên ngoài khung nhìn, làm cho nó hiển thị, đo bản sao, sau đó phá hủy nó.

Vì vậy, bạn có:

<div id="maybe" style="display: none;"> 
    Something 
</div> 

Vì bạn đang sử dụng jQuery, bạn muốn làm điều gì đó như thế này:

$('#maybe') 
    .clone() 
    .attr('id','maybe_clone') // prevent id collision 
    .css({     // position far outside viewport 
    'position': 'absolute', 
    'left': '-1000px' 
    }); 

if($('#maybe_clone').show().height() > 200) { 
    $('#maybe').show(); 
} 

$('#maybe_clone').remove();  // housekeeping 

Answer 3

Chức vụ đối tượng để nó hiển thị cho trình duyệt, nhưng không phải là người sử dụng: jQuery: Get height of hidden element in jQuery