在ajax调用获取内容后未显示的图像

Question

我有一个模式，显示通过ajax调用拉出的内容。在此内容中有一个图像滑块。滑块工作，图像已加载，但仍然无法显示。只有当我点击f12使用firebug试图找出图像是否已加载时，图像才显示在页面上。仅当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);