Question

我成功地从另外两个的高度设置元素的填充顶部，我认为一切都没问题，除非我调整页面大小，我需要重新加载它以检索正确的填充值。

这是我的JQuery代码：

jQuery(document).ready(function($) {

marge = ($(".items").height() - ($(".picture").outerHeight()*.4))

function resizeBottom() {
    $("div.bottom").css("padding-top", marge + "px" );
};
resizeBottom();

onResize = function() { $("div.bottom").css("padding-top", marge + "px" ); }
});

Answer 1

您需要重新计算调整大小处理程序

上的marge值

jQuery(document).ready(function ($) {
    onResize = function () {
        var marge = ($(".items").height() - ($(".picture").outerHeight() * .4))
        $("div.bottom").css("padding-top", marge + "px");
    }
    onResize()
});

我希望方法onResize被添加为window对象的resize事件处理程序

另一种写作方式是

//register the window resize handler
$(window).resize(function () {
    var marge = ($(".items").height() - ($(".picture").outerHeight() * .4))
    $("div.bottom").css("padding-top", marge + "px");
}).resize()

Answer 2

似乎这是事件处理程序的工作，“。resize（）”。查看此页面了解详细信息。我希望这就是你要找的东西。 http://api.jquery.com/resize/

使用JQuery重新加载时将填充设置为元素

2 个答案: