Html 除非调整浏览器窗口的大小，否则使用AJAX加载的图像将隐藏

请看。单击公文包部分下显示的两个公文包项目之一

我使用AJAX从一个文件加载HTML（包括图像标记），并将其插入父文件。除了图像没有被渲染外，一切都按预期进行。HTML图像标记在那里，但除非调整浏览器窗口的大小，否则它不会显示在屏幕上。调整窗口大小会以某种方式刷新屏幕上呈现的内容，并正确显示图像。这是我的密码：

$.ajax({
            cache: false,
              type: 'POST',
              url: theURL,
              beforeSend:function(){
                // this is where we append a loading image
              },
              success:function(data){
                // successful request; do something with the data
                $(expandedElement).find('.wrap').append(data);
                expandedElement.addClass('loaded');
                // HTML has been loaded. Show it.
                // Initiate Flexslider
                  $(expandedElement).find('.wrap').flexslider({
                    animation: 'slide',
                    animationLoop: false,
                    prevText: '<span>Previous</span>',
                        nextText: '<span>Next</span>',   
                    slideshow: false
                  });
                  // Animate in the project
                $(expandedElement).fadeIn(1000);
                $('html, body').animate({
                    scrollTop: $(expandedElement).offset().top - 20
                }, 1000);

              },
              error:function(){
                // failed request; give feedback to user

              }

$.ajax({
cache:false，
键入：“POST”，
url:theURL，
beforeSend:function（）{
//这是我们附加加载图像的地方
},
成功：功能（数据）{
//成功的请求；对数据进行处理
$（expandedElement）.find（'.wrap'）.append（数据）；
expandedElement.addClass（'loaded'）；
//HTML已加载。请显示它。
//启动Flexslider
$（expandedElement）.find（'.wrap'）.flexslider({
动画：“幻灯片”，
animationLoop:false，
prevText:“上一个”，
下一步：“下一步”，
幻灯片放映：错误
});
//在项目中设置动画
$（expandedElement）.fadeIn（1000）；
$（'html，body'）。设置动画({
scrollTop:$（expandedElement）.offset（）.top-20
}, 1000);
},
错误：函数（）{
//请求失败；向用户提供反馈
}

好的，问题似乎与我在问题中所说的无关。我使用的是picturefill.js库，这导致图像在通过AJAX加载时无法正确渲染