php - ajax 调用后图像未显示以获取内容

Question

我有一个模式显示通过 ajax 调用提取的内容。在此内容中有一个图像滑块。滑块工作并且图像已加载但它们仍然不显示。只有当我点击 f12 以使用 firebug 来尝试找出图像是否已加载时，图像才会显示在页面上。这只发生在萤火虫没有与浏览器分离的情况下。就好像他们需要踢球才能在页面上显示一样。

我正在使用 Foundation 4 显示模态

我搜索了一个类似的问题，但似乎找不到任何东西。# 如何在将内容添加到#popout div 后显示图像。

我的代码如下

(function($) {
    $('.rslides li').click(function(e) {
        e.preventDefault();
        var project_id = $('.rslides1_on .popout-link').data('project-id');
        var url = '/popout-content.php?aid=' + project_id;

        params = {
            aid: project_id
        };

        $.ajax({
            type: 'GET',
            url: 'popout-content.php',
            data: params,
            dataType: 'html',
            success: function(html) {

                if (html != 'empty') {
                    $('#popout').foundation('reveal', 'open');
                    $('#popout').html(html);
                }
            }
        });
    });
})(jQuery);