$(document).ready(function() {
    // 确保DOM完全加载后再获取高度
    var elementHeight = $('#myElement').height();
    console.log(elementHeight);
});

function updateContent(newContent) {
    $('#contentContainer').html(newContent);
    
    // 强制重排以确保高度计算准确
    var height = $('#contentContainer')[0].offsetHeight;
    console.log('Updated height:', height);
    
    // 或者使用jQuery的height()方法
    var jqHeight = $('#contentContainer').height();
    console.log('jQuery height:', jqHeight);
}

$('#toggleButton').click(function() {
    $('#expandableContent').animate({
        height: 'toggle'
    }, 500, function() {
        // 动画完成后的回调
        console.log('Animation complete');
    });
});

$(window).resize(function() {
    var windowHeight = $(window).height();
    $('#responsiveElement').height(windowHeight * 0.8);
});

// 初始设置
$(window).resize(); // 立即触发一次

$('img').on('load', function() {
    var container = $(this).parent();
    var newHeight = container.height();
    console.log('Image loaded, new height:', newHeight);
}).each(function() {
    if(this.complete) $(this).load(); // 确保已加载的图片也能触发
});

function updateDynamicHeight() {
    requestAnimationFrame(function() {
        var dynamicHeight = calculateDynamicHeight();
        $('#dynamicElement').height(dynamicHeight);
    });
}

// 临时禁用过渡效果以获取准确高度
function getStaticHeight(element) {
    var $el = $(element);
    var originalTransition = $el.css('transition');
    
    $el.css('transition', 'none');
    var height = $el.height();
    $el.css('transition', originalTransition);
    
    return height;
}

function getHiddenElementHeight(element) {
    var $el = $(element);
    var originalDisplay = $el.css('display');
    
    $el.css({
        'display': 'block',
        'visibility': 'hidden',
        'position': 'absolute'
    });
    
    var height = $el.height();
    
    $el.css({
        'display': originalDisplay,
        'visibility': '',
        'position': ''
    });
    
    return height;
}