JS Gallery中XML文件的动态内容仅显示在页面刷新上，而不显示在第一个视图上

Question

经过几天的搜索，调试以及大量的反复试验，我终于完成了这个问题。

小部分背景：我使用的CMS有一个照片库选项，可以将“附加”图像的XML文件导出到CMS中的库。我不想使用内置的CMS照片库，因此选择了Galleria版本。

无论如何，我现在有新的画廊工作，但我看到的问题是，当第一次加载页面时，画廊不显示。当我刷新或转到另一页然后回到画廊时，它完美地运作。

我可能是错的（很可能是）但我认为问题是由于在Galleria脚本启动和加载之前图像未加载，因此无法显示。我尝试了一些想法，但我的Javascript知识非常有限，下面的代码来自其他来源......这就是为什么它有效，我无法正确修改。

感谢。

<script>
$(function () {
$.ajax({
type: 'GET',
    url: '/PhotoGallery.xml', //address of xml file
    dataType: 'xml',
    success: function(xml) {
    $(xml).find('img').each(function() {
    var location = '/photo_gallery/'; //Folder that container photos for gallery
    var url = $(this).attr('src');
    var alt = $(this).attr('alt');
    $('<li></li>').html('<img src="'+location+''+url+'" data-description="'+alt+'" data-link="'+location+''+url+'"/>').appendTo('.galleria-list');
    });
}
});

});
</script>

<script>
$(function(){
Galleria.loadTheme('../gallery_files/galleria.classic.min.js');

$('#galleria').galleria({
responsive: true,
height: 0.70,
autoplay: 5000,
imageMargin: 0,
lightbox: true
});
}); 
</script>