Jquery 引导添加动态折叠的内容无法正常工作

我的问题是使用jquery将映像添加到引导折叠中并没有按预期工作。请看下图

Html

保存更改

Jquery用于将图像添加到div->extra-images

if(data.extra_images != null) {
    $.each(data.extra_images, function(i, item) {
        var divImg = '<div class="image" id="'+item.id+'"><a href="#" class="delete"><img src="<?php echo base_url('assets/uploads') ?>/'+item.image+'" alt="Thumb-Title">'+
            '<span class="play"></span></a></div>';
        $(".extra-images").append(divImg);
    });
}

if（data.extra_图像！=null）{
$.each（data.extra_图像，函数（i，项）{
var divImg=“”；
$（“.extra images”）.append（divImg）；
});
}

尝试添加一个

max height

属性。我想要的是自动调整折叠高度的方法。你说它没有按预期工作，但不要说你期望的。是否希望所有图像的高度都最大？制作一个bootply.com/new#用静态图像重现问题并发布。使用max-height解决问题。thanx这可能是一个clearfix问题，div的高度需要包含图像，如果额外的图像上有clearfix，它可能会工作。

if(data.extra_images != null) {
    $.each(data.extra_images, function(i, item) {
        var divImg = '<div class="image" id="'+item.id+'"><a href="#" class="delete"><img src="<?php echo base_url('assets/uploads') ?>/'+item.image+'" alt="Thumb-Title">'+
            '<span class="play"></span></a></div>';
        $(".extra-images").append(divImg);
    });
}