Question

我有一个相对简单的jquery函数，用于根据父高度设置一个div的高度。

P1||P2

您可以在此处看到它：http://theadventureschool.com/new-site/events/

在我的本地计算机上，每次都能正常工作，但是当我推送网站时，有时高度是正确的值，有时它默认为22px。

非常感谢任何解决此问题的帮助。

谢谢，珍妮

Answer 1

$（document）.ready（）解决这个问题？

JQuery文档： https://learn.jquery.com/using-jquery-core/document-ready/

Answer 2

您应该等待图像完成加载。如果我取出图像并调整页面大小，我得到22px的高度。尝试在图像加载时添加一个监听器，一旦图像完成加载，然后进行初始大小调整。

(function() {
var $window = $(window);
$(".event-list img").load(function() {
    resize();
});
function resize() {
    if ($window.width() > 800) {
        $(".event-list").each(function() {
         var parentHeight =  $(this).height();
         $(this).children('.text').css("height",parentHeight);
         $(this).children('.pattern').css("height",parentHeight);
     });
} else {
  $(".event-list").each(function() {
    $(this).children('.text').css("height", 'auto');
    $(this).children('.pattern').css("height", 'auto');
 });
}
}
$window
    .resize(resize)
    .trigger('resize')
    .load(resize);
})(jQuery);

使用jquery的元素的css高度不一致

2 个答案: