Javascript 引导缩略图-JQuery EqualHeight

我想要3个高度相等的缩略图。如果我第一次加载站点，缩略图对于图片来说太小，文本位于下一行缩略图的后面。按钮在图片中，如果我重新加载站点，它们都位于同一高度并对齐。 为什么?

HTML

：

    <div class="row equalheight">
        <div class="col-md-4 artikel">
            <div class="thumbnail">
                <img src="..." alt="">
                <div class="caption">
                    <h3>Head</h3>
                    <p>Text</p><br><br>
                    <p><a href="#" class="btn btn-danger btn-lg button" role="button">Click!</a></p>
                </div>
            </div>
        </div>
        <div class="col-md-4 artikel">
            <div class="thumbnail">
                <img src="..." alt="">
                <div class="caption">
                    <h3>Head</h3>
                    <p>Text</p><br><br>
                    <p><a href="#" class="btn btn-danger btn-lg button" role="button">Click!</a></p>
                </div>
            </div>
        </div>
        <div class="col-md-4 artikel">
            <div class="thumbnail">
                <img src="..." alt="">
                <div class="caption">
                    <h3>Head</h3>
                    <p>Text</p><br><br>
                    <p><a href="#" class="btn btn-danger btn-lg button" role="button">Click!</a></p>
                </div>
            </div>
        </div>

---

将高度均衡器代码放入$（window）.load（）或$（document）.ready（）块。 图像的加载滞后于html的其余部分。均衡器在图像完全加载之前开始工作

$(window).load(function(){
    if ($(window).width() > 960) {
     $('.equalheight div').equalHeights();
    }
});

或

---

请将您的

等高

呼叫移动到

$（文档）内。准备好了吗

.button {
position: absolute;
bottom: 15px;
right: 30px;
}
.artikel {
    margin-bottom: 25px;
}

$(window).load(function(){
    if ($(window).width() > 960) {
     $('.equalheight div').equalHeights();
    }
});

$(document).ready(function(){
    if ($(window).width() > 960) {
     $('.equalheight div').equalHeights();
    }
});