Question

我正在为我的朋友制作一个site，在那里固定页脚的边框应为大图片的大小（用作菜单）。我还希望内容div具有相同的边距。但是由于某种原因，当我第一次加载页面时，内容div和页脚根本没有任何边距。当我重新加载页面时，一切工作正常……但是我希望它能在页面的初始加载中工作。这是我的代码：

$(document).ready(function(){
var mainPicWidth = $('#navimg').width();
var mainPicWidth2 = mainPicWidth - 10;
$('#footer').css('margin-left', mainPicWidth2)
$('#content').css('margin-left', mainPicWidth)

var wholePageWidth = $('#content').width() + 15;
$('#footer').css('width', wholePageWidth)

我还有以下内容，可以使网站具有响应能力。可能与我之前的代码冲突吗？

$(window).bind('resize', function(e) {
    if (window.RT) clearTimeout(window.RT);
    window.RT = setTimeout(function() {
    this.location.reload(false); /* false to get page from cache */
    }, 100);
});

if ($(window).width() <= 1100) {
    $('#footer').css('width', "100%")
    $('#footer').css('margin-left', "0")
    $('#content').css('margin-left', "0")
    });
}

if ($(document.body).height() != $("*").height()) {
    $('#footer').css('position', 'fixed')
    $('#footer').css('bottom', '0')
} else {
    $('#footer').css('position', 'relative')
}

jQuery未能在首次加载时设置div的宽度

0 个答案: