Question

我想获得标题和段落的高度值。因此，当我改变它们的大小时，我可以设置偏移量以使它们适合在彼此之下，因为它们被设置为绝对值。

我通常会采用不同的方式，但我必须使用绝对位置，因为这是响应滑块的工作方式。

然而，当我使用each（）时，它只适用于第一张幻灯片（当前幻灯片），但不适用于所有其他幻灯片。即使幻灯片的尺寸没有改变，当它们移到一边时也是如此。

<div class="slide-content">
    <h2><span class="slide-title"><?php the_title() ?></span></h2>
    <p class="slide-text"><?php echo $text; ?></p>

    <a href="<?php echo get_permalink( $meta["page"] ) ?>" class="da-link">> Jetzt Informieren</a>
</div>

function test() {
    $(".slide-content").each(function() {
        var content = $(this);

        var title = content.find(".slide-title");
        var text = content.find(".slide-text");
        var link = content.find(".da-link");

        var titleheight = title.height();
        var textheight = text.height();

        text.css("top",titleheight+"px");
        link.css("top",titleheight+textheight+"px");

    });
}

这是我的功能。

我得到的价值是：

title: 122 text: 54 
title: 164 text: 144 
title: 164 text: 126

第一对是正确的。其他人错了。所以它只适用于当前的幻灯片。根据显示的当前幻灯片，这将有所不同。幻灯片未设置为显示：当它们移开时为none，所有更改都是左偏移。

该函数的调用如下：

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

当我查看Google Chrome时，当幻灯片移动时，元素大小保持不变。

我经常遇到很多问题。那可能是什么呢？

Answer 1

确保您首先应用了CSS重置。

然后在你的CSS中，尝试在'em'中为标题和段落提供行高。

jQuery高度返回错误的值

1 个答案: