0

初始化页面或调整页面大小时,高度计算似乎存在差异。

任何人有任何线索为什么?或者如何解决?

示例代码

$(document).ready(function () {

    showcase_height_init();

    $(window).resize(function() {
        showcase_height_init();
    });

});

function showcase_height_init() {

    var showcase_container_text_height = ($("#showcase_container_text").height())/2;

    $("#showcase_container_text").css({
        margin: '-'+showcase_container_text_height+'px 0 0'
    });

}
4

1 回答 1

0

一旦 DOM 可用,就会触发“就绪”事件,因此样式、图像和其他资源等属性可能未加载,并且元素的高度可能不是真实的。

为此,您应该尝试:

$("body").load(function () {

    showcase_height_init();

    $(window).resize(function() {
        showcase_height_init();
    });

});

function showcase_height_init() {

    var showcase_container_text_height = ($("#showcase_container_text").height())/2;

    $("#showcase_container_text").css({
        margin: '-'+showcase_container_text_height+'px 0 0'
    });

}

我推荐jquery的文档:

http://api.jquery.com/ready/

于 2013-09-04T17:13:23.240 回答